dcc.Input border color not consistent

Dash Python
1

Hi,

I’m currently using Dash to build a web app and I import dcc.Input… However, the border color doesn’t seem to be consistent. I cannot change the border-top-color even after I used CSS style…
Could someone please shed some light on it?

image
image1137×196 11.2 KB

2

Hello @Vincejim,

Welcome to the community!

Some components have preset styling that is inline, to overwrite, in your css you can use:

.class {
    border-top: 2pt solid black !important;
}
3

Hi @jinnyzor ,

Thank you for your reply.

I still use its id in css… and strangely
border: 1px solid #a5a5a5ee !important; works…

4

So, it works or doesnt work now?

5

It works now after adding the line I posted. Thanks!
You gave me a clear direction!

1 Like