p: selectCheckboxMenu выделить элемент списка, когда мышь над элементом

Question

Я знаю p: selectCheckboxMenu имеет все классы стиля, но я хочу что-то изменить. Я бы хотел, чтобы при открытии меню и перемещении с помощью мыши над элементом он будет выделен синим цветом. Я хочу, чтобы он был выделен только тогда, когда мышь над этим элементом.

я думаю, что класс CSS мне нужно переопределить это: .ui-selectcheckboxmenu-item, что означает

Каждые варианты в коллекции.

(от primefaces 5.0 документации)

я вроде новичок в CSS .... любые предложения?

Answer 1

Вы можете использовать псевдоселектор :hover. Если .ui-selectcheckboxmenu-item выбрать элементы, которые вы хотите выделить, а затем с помощью этого кода должно работать:

.ui-selectcheckboxmenu-item:hover{ 
    background-color: blue; 
}