Is it possible to change the style of the interactive widget?

Using Streamlit
1

Hi everyone, I like customize my web app, and I like to know is it possible to change the style of the UI in the interactive widget? If yes, how can I do that? Thanks!

for example : the “+” in the expander

image
image1361×48 600 Bytes

icon of the tooltips.
image

2

Hi @C45513 -

In general, no, the ability to change those symbols in the widgets isn’t built into Streamlit right now. It may be possible using some fancy CSS or something, but changing them at runtime probably wouldn’t be very stable.

Best,
Randy

1 Like
3

just as an example

Снимок экрана 2021-10-04 114533

[aria-expanded="true"] > [data-baseweb="icon"] > path[fill-rule="evenodd"] {
    d: path("M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z");
    color: #737579;
}

Снимок экрана 2021-10-04 114550

[aria-expanded="false"] > [data-baseweb="icon"] > path[fill-rule="evenodd"] {
    d: path("M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z");
    color: #737579;
}