How to change the backgorund color of button widget

[mathcatsand]

Hi @Jenny,

When you are trying to grab specific elements without something available on the front end to inherently distinguish them (like their label), you can use surrounding elements to pinpoint them. However, this becomes more tied to your specific script and arrangement to provide a clear answer. That’s why I suggested in the other thread to create a new topic with more specifics of your code/case.

Issues with Background Colour for buttons

The widget key is not accessible on the front end, so you can’t do that directly. You would need to use the context of other items around your buttons, or possible nth-of-type selectors to pick out your buttons…which becomes very dependent on your exact code and situation. Here’s an example of using nth-of-type to “grab” different areas of the app to apply formatting. https://mathcatsand-examples.streamlit.app/formatted_container Feel free to create a new thread with your code if you need he…

[jrieke]

The best solution nowadays to make a button use the primary color of the app as its fill color is to set type="primary":

st.button("My button", type="primary")

If you need more button customizations beyond that, please see the CSS tricks below or let us know on this GitHub issue.

(I know this thread is quite old but since it’s still getting a lot of views + we have a non-hacky solution for the original problem, I thought it’s worth updating ).