0

Hello guys I am trying to change the label colour of a lightning-input in a Community that has a green default colour. I tried this approach:

<lightning-combobox label="Item" class="labelColour" placeholder="Select an option" required </lightning-combobox>

css:

.labelColour{
    -webkit-text-fill-color: black;
}

But the problem is that the required message is also in black and I need it in red.

Currently it looks like this:

enter image description here

Could anybody help me? Thanks

1 Answer 1

0

To change the label color of the combobox use the styling hook --lwc-colorTextLabel as below.

.labelColour{
    --lwc-colorTextLabel: brown;
}
3
  • Do you know where to find this attributes? I am trying to apply also for the placeholder color
    – TechGuy
    Feb 13, 2023 at 9:21
  • Use --lwc-colorTextPlaceholder to change the placeholder color. You can use Chrome Developer Tools to find these attributes.
    – Saroj Bera
    Feb 13, 2023 at 10:18
  • 1
    it is defined in slds documentation, also you can find in by inspecting the html in dev console
    – Damecek
    Feb 13, 2023 at 10:30

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .