il > div [aria-selected="true"] {
color: #aac1fa;
}
but haven’t figured out how to add the style properly. It seems the problem is the selected il element changes whenever the st.time_input is created, so the styles set in my (one-file application) app.py is overwritten.
If the above correction did not work, looking at the CSS element name, perhaps you could also try the specific element ID bui18val-34 as shown in the screenshot:
thank you for your reply. Sorry about the typo, the selector was correct in my code, I made a mistake when writing the original post. The CSS selector as posted in my original question does not work unfortunately.
I do not understand your suggestion with the element ID. I do not know beforehand which selector to choose. I would like the value in the dropdown menu which was last selected to be of different color. Now it is black(-ish) and it is hard to read.
Also the ids change everytime the dropdown is opened/closed.
import streamlit as st
from datetime import time
st.time_input("Time input", value=time(0, 15))
st.markdown(
"""
<style>
li div[aria-selected="true"] {
color: white !important;
}
</style>
""",
unsafe_allow_html=True,
)
NOTE: This only works well in dark mode – I haven’t figured out a general way to change this to work in dark and light mode, but if you’re only using dark mode, this should do the trick.
