Изменить стиль и значок в календаре Primefaces [дубликат] ⇐ CSS

[Anonymous]

I am trying to change the default style on primefaces calendar and tried many solution but still no idea how to change it. For example i want to change the button icon.

This is my calendar in my .xhtml file:

And this are the solution that i tried so far but did not work, still the same default calendar.

Not working solution 1:

.ui-icon-calendar { background-image: url("../images/calendar.png") !important; background-position: center center !important; width: 16px; height: 16px; } Not working solution 2 (using chrome and copy element class)

.ui-button-icon-left .ui-icon .ui-icon-calendar { background-image: url("../images/calendar.png") !important; background-position: center center !important; width: 16px; height: 16px; } Not working solution 3 (found that this is probably the button and tried to change its background)

.ui-datepicker-buttonpane{ background: #00CCFF !important; } If anyone has an working example how to change the default (change button icon, change colors etc) please share it with me.


Источник: https://stackoverflow.com/questions/350 ... s-calendar