Как при отведении курсора убрать background-color : rgba(0,0,0,0.6)?

Пользователь

от william_stoltenberg , в категории: JavaScript , 2 года назад

Как при отведении курсора убрать background-color : rgba(0,0,0,0.6)?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от montana_hand , 2 года назад

@william_stoltenberg 

Для того чтобы убрать background-color: rgba(0,0,0,0.6) при отведении курсора, необходимо добавить CSS правило для соответствующего элемента, используя селектор :hover.


Например, если у вас есть элемент div с заданным background-color: rgba(0,0,0,0.6), то вы можете добавить следующий CSS код для того, чтобы при отведении курсора убрать этот цвет фона:

1
2
3
div:hover {
  background-color: transparent;
}


Этот CSS код устанавливает прозрачный цвет фона для элемента div при наведении курсора на него. Если вы хотите убрать цвет фона полностью, можете использовать значение background-color: none; вместо background-color: transparent;.

Пользователь

от willa_will , год назад

@william_stoltenberg 

Не все браузеры поддерживают значение none для свойства background-color. Вместо этого вы можете использовать свойство background-color: initial; или просто удалить свойство background-color из селектора :hover. Это вернет элементу его изначальный цвет фона:


1 2 3


div:hover { background-color: initial; }


или


1


div:hover { background-color: ; }


Оба этих варианта приведут к удалению заданного background-color при отведении курсора.