0

I added this class to my .css:

.ui-state-disabled .boldText {
    font-weight: bold !important;
    opacity: .65 !important;
}

And I added this class to my inputText:

<p:inputText id="myInput" styleClass="boldText" value="#{myController.myValue}" />

Sadly this isn't doing anything only if I remove the .ui-state-disabled class. But I want to use this to change only the disabled behavior...

What am I missing here? Thank you.

Kukeltje
  • 12,223
  • 4
  • 24
  • 47
VORiAND
  • 145
  • 3
  • 17
  • 35
  • _"What am I missing here?"_ The right selector. Aee the partial overriding in the duplicate – Kukeltje Feb 17 '19 at 05:38
  • 1
    Possible duplicate of [How do I override default PrimeFaces CSS with custom styles?](https://stackoverflow.com/questions/8768317/how-do-i-override-default-primefaces-css-with-custom-styles) – Kukeltje Feb 17 '19 at 05:41
  • Okay and what is the right selector? – VORiAND Feb 17 '19 at 06:42
  • It is in duplicate, the piece I referred to. Find the difference with your selector. Use a browser developer tool and see where the style class is actually applied and learn from basic css how to apply a selector where both classes are in the same class attribute. Oh shoot now I gave away another hint – Kukeltje Feb 17 '19 at 08:27

0 Answers0