is there a way to add a small image to a button with text inside of it already?

Using Streamlit
1

Hello! I am very new to Streamlit. I am trying to design a GUI for my senior design project. I would like to have a button that has text, and on top of that text displays a little image.

I’ve got this in my main file:

with col1:

st.button("Interactive Mode",key="Interactive_Mode")

and this in a CSS FIle

.Interactive_Mode-btn{

color: #0b0b0b;

background:#00E5EF ;

font-family: “VT323”, monospace;

background-image: url(“interactive.png”);

background-position: center;

background-repeat: no-repeat

}

However, the image does not appear on the button. Does anyone have any suggestions or tips? Any help is appreciated, thank you!

2

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.