Modify st.chat_input via CSS

Using Streamlit
1

Hi, does anyone know how to modify st.chat_input through CSS? Things like the border radius and the outline color (etc). I’ve tried these methods but they don’t work:
`
.stChatInput{
border-radius: 50px; !important;
border: 2px solid #aaffdd; !important;
background: #000080; !important;
}
.stChatInput > input{
border-radius: 50px; !important;
border: 2px solid #aaffdd; !important;
background: #000080; !important;
}
div[data-testid=“stChatInput”] {
border-radius: 50px; !important;
border: 2px solid #aaffdd; !important;
background: #000080; !important;
}

`
If anyone has a solution, that would be great.

3

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