Изменить цвет пункта выпадающего меню
Мне нужно изменить цвет элемента раскрывающегося меню при наведении указателя мыши с синего на черный, когда указатель мыши находится на элементе, пожалуйста, взгляните на рисунок ниже: https://ibb.co/5ss9YfC
Если вам нужно проверить детали, пожалуйста, войдите с демо-счетом и проверьте его: http://116.202.31.216/gps/ электронная почта: демо пароль: демо
Я думаю, что это код элемента, у которого я хочу изменить цвет при наведении, так что я могу вставить сюда, чтобы изменить цвет:
.x-menu-item {
white-space: nowrap;
overflow: hidden;
border-color: black;
border-style: solid;
background-color: black!important;
}
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Вы можете использовать класс :hover в css.
.x-menu-item:hover {
color: blue;
}
узнать больше о :hover здесь
если это не ответило на ваш запрос, не могли бы вы подробнее рассказать о результате, который вы ищете.
согласно вашему вопросу, следующее должно помочь
.x-menu-item:hover {
cursor:pointer;
color: #preferedcolorHexcode;
background:#preferedcolorHexcode;
}
надеюсь, что это поможет ответить на ваш запрос.
Используйте :hover и background-color, например:
.x-menu-item {
background-color: #000000;
}
Вам нужно изменить следующий CSS:
.x-menu-item-default.x-menu-item-focus, .x-menu-item-default.x-menu-item-active {
background-image: none;
background-color: #7fb5e4;
}
к
.x-menu-item-default.x-menu-item-focus, .x-menu-item-default.x-menu-item-active {
background-image: none;
background-color: #000;
}
Надеюсь, это поможет.
Спасибо Мохаммад. Ты замечательный.
Надеюсь, что приведенный ниже код поможет вам.
.x-menu-item:hover {
background-color:#000000;
}
or
.x-menu-item:hover,
.x-menu-item:focus,
.x-menu-item:focus:hover,
.x-menu-item:active:hover {
background-color:#000000;
}
Чтобы применить CSS при наведении, вы должны использовать селектор
:hover.