Can I change the color of the selectbox widget?

Using Streamlit
2

Hello @Raffal_Shafiei

Not sure I understood the question exactly :slight_smile: so I played around, here’s what happens when I use your style.css

body {
    background-color: lightgoldenrodyellow;
}

div[role="listbox"] ul {
    background-color: red;
}

image
image851×486 7.32 KB

Seems the actual selectbox div is in another div and not next to the ul, with databaseweb=select attribute, so I added

div[data-baseweb="select"] > div {
    background-color: chartreuse;
}

image
image820×479 8.19 KB

Is the green part what you desired to aim?

Do note that custom theming is around the corner, and hopefully it’ll help us refactor this better!

Cheers,
Fanilo

4 Likes