How to use html in st.selectbox()

☁️ Streamlit Community Cloud
1

hello there, I am trying to change the color of above text of selectbox with the help of html.
but it shows error “TypeError: selectbox() got an unexpected keyword argument ‘unsafe_allow_html’”

Code -
vehicle = [‘Two-seater’,‘Minicompact’,‘Compact’,‘Subcompact’,‘Mid-size’,‘Full-size’,‘SUV: Small’]
Vehicle_class = st.selectbox(“

Select the vehicle class

”,unsafe_allow_html=True,options = vehicle)

image
image684×881 60.8 KB

my background black color is getting mixed with black text, so want to change text color.

2

It’s not possible to throw in unsafe_allow_html=True arbitrarily to any widget. You will either need to set the text color in your theme or inject CSS.

If you need to control the color independently of other font in the app:

import streamlit as st

vehicle = ['Two-seater','Minicompact','Compact','Subcompact','Mid-size','Full-size','SUV: Small']
Vehicle_class = st.selectbox('Select the vehicle class', options = vehicle)

css = '''
<style>
    .stSelectbox [data-testid='stMarkdownContainer'] {
        color: yellow;
    }
</style>
'''

st.markdown(css, unsafe_allow_html=True)

image

3

thank you for your help,
but this works only wherever select box exist, other input_number() cells text are still in black color

4

Correct. You can set custom color for specific things, or you can set a font color globally with the theme.