Can we change width, height, background-color, font-color of st.number_input and st.selectbox?

Using Streamlit
1

Can we change width, height, background-color, font-color of st.number_input and st.selectbox?

2

@BeyondMyself,
As far as I know no, at this point that is not possible. I have requested the same before but from what I remember and see, customizing of streamlit components is not yet available.

3

@BeyondMyself it’s possible using the same hack you got for the color of a button. Using css selectors.

4

Add the following in style.css
div[role=“listbox”] ul {
** background-color: #99cfdd;**
}

div[data-baseweb=“select”] > div {
** background-color: #99cfdd;**
}

div[data-baseweb=“input”] > div {
** background-color: #99cfdd;**
}

And include the following lines in .py file

from load_css import local_css
local_css(“style.css”)

1 Like