How to overwrite the SLDC css class class in LWC? [duplicate]

Ask Question

Asked 2 years, 10 months ago

Modified 2 years, 10 months ago

Viewed 72 times

Is it possible to overwrite the SLDC css classes?

I tried changing below :

.slds-input:focus, .slds-input:active{
    border-color: rgb(255, 0, 0) !important;
    box-shadow: none;
}

I wanted to change the border-color to red, but it eventually defaults to blue on the component. rgb(21, 137, 238);

Is there a way to change the border-color property of the css class?

asked Jul 19, 2019 at 9:54

sfdcnoob

4641 gold badge7 silver badges17 bronze badges

@PranayJaiswal Thanks.. that makes sense. So, there is no way of changing the default style value of the child components? there must be some way out for this?
– sfdcnoob
Jul 19, 2019 at 12:53
1

you can't using the namespaced components, as I had mentioned in a comment in one of your previous posts. you will have to create your own, and you can still leverage slds while doing so, its just a bit more work.
– glls
Jul 19, 2019 at 12:55

Add a comment |

0