Format styles of selectbox


What a re the css style elements for select box?

In this case the hover is inverse to the background one the control, but font color does not change, so invisible when the hover bar is over the selection.

Tried some styles from base-web

div[data-baseweb="select"] ul li:hover {
        background-color: #f7b2a5;  /* change to desired bar color */
        color: white;  /* change to desired text color */

However this does not affect the style here.

Steps to reproduce

Code snippet from config.toml:

font="sans serif"

Hi @mauermbq ,

Once check here:

Hi @sai_krishna1 ,

what worked is to switch the border color.

.stSelectbox div[data-baseweb="select"] > div:first-child {
            background-color: #FFFFFF;
            border-color: #2d408d;

That’s why the background in the selection field is white. However I still didn’ found the settings to influence the style of background and font color of the blue select bar.

Would be really helpful to have either a doc of the styles or a more fine granular control about the themes.

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.