When I click a button on the sidebar, the color changes from black to red. How do I reset the colors? My expectation is the color would change on hover and restore on button up. Instead it remains red. import streamlit as st if st.sidebar.button("Do it"): # turns from black to red then stays red. …

When I run that exact code as you’ve put it, it behaves like this for me: it changes to light red on hover, goes darker red on click, and then changes back to light red. If you click anywhere else on the page, it then turns to black. It doesn’t stay red.

I actually didn’t notice that it turns back to black if I click elsewhere. My expectation is that the button will restore black on button up either automatically or at least a programmatic way to do so. Perhaps this is actually a focus issue specific to streamlit. The button has focus after a click…

Button Click Color Change Reset

Using Streamlit

bsalita July 9, 2023, 11:42pm 4

I’ve implemented the ability to button press and change focus plus other features. ChatGPT Style Example SOTA

Topic		Replies	Views
Retain button click color Using Streamlit	10	2242	November 23, 2024
Change red outline of buttons Using Streamlit css , streamlit-cloud	2	4525	October 22, 2022
How to change the backgorund color of button widget Using Streamlit	41	61578	May 17, 2024
Changing Button Color Using Streamlit css	5	10063	May 17, 2024
Change pushed button background color Using Streamlit	5	3238	September 30, 2021

Button Click Color Change Reset

Related topics