Custom background-color of selectbox elements

[mathcatsand]

Your choices are to:

1. Inspect the html and use a specifc class identifier that’s being generated for an element. I am always nervous about this approach as I am never sure how stable any such identifier is.
2. Use relative positions of things combined with nth-child or nth-of-type to grab a specific one.

I usually use the second option, often using a set of containers to create boundaries around sections of the app to help me reliably get to a specific place. For example:

Personnal CSS for only one container

If you are careful to put everything in containers up to the point of custom formatting, you can get away with an nth-of-type selector. import streamlit as st with st.sidebar.container(): st.write('This is container 1.') with st.sidebar.container(): st.write('This is container 2.') with st.sidebar.container(): st.write('This is container 3.') with st.sidebar.container(): st.write('This is container 4.') side = st.sidebar.radio('Highlight Sidebar Container',[1,2,3,4]) with st.c…