O'Reilly logo

PrimeFaces Theme Development by Sudheer Jonna, Andy Bailey

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Changing the highlighted, active, and selected CSS rules

We are now going to examine the rules that define the dynamic visual cues. These cues are added by PrimeFaces to elements that can be highlighted, activated (when you click on them), and selected.

The following screenshot shows a menu that is highlighted:

Changing the highlighted, active, and selected CSS rules

The Chapter 2 menu is highlighted above its drop-down menu list. The gray background is nice enough, but it doesn't fit in with the blue theme. Therefore, we are going to change it. The same highlighted effect can be seen if you hover your mouse over the button.

So, we need to change the rules that define how components look when the mouse hovers ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required