How to remove blue borders from active input fields

Dash Python
1

How to remove the blue borders that appear when input fields are active like the drop-down menu and date picker as attached below?

i1
i2

2

Not sure what package you are using with these, but this css works for dash core component dropdown.

.Select.is-focused:not(.is-open) > .Select-control{
    border-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}
1 Like
3

Thanks, it worked!
Do you have an idea how to do that with the singleDatePicker object too?
Iā€™m using dash==2.0.0 & dash_bootstrap_components==1.0.0

4

try this

.DateInput_input__focused{
    border-color: transparent !important;
    border: 0 !important;
}
1 Like
5

Thanks so much!

1 Like