Dropdown CSS properties


Following this thread, I have been able to customize my dropdown menus as I desired.

However, there is one last thing I haven’t been able to customize, which only happens when the dropdown is focused (see picture below):


There is this weird white box appearing in the select control area that appears when I focus the dropdown menu. After selecting an option, it disappears, but reappears if I refocus on this dropdown.

Do you know which property I should edit to get rid of this behavior?


Edit: only happens if searchable is False.

Nevermind. Finally found thanks to code inspection. I just added that in my stylesheet.

.Select-control .Select-input:focus {
    background: none !important;
1 Like