Benutzerdefinierter, strombeleuchteter Textbereich
P粉281089485
P粉281089485 2023-12-30 20:03:12
0
1
460

Ich versuche, st.text_area mithilfe von CSS an eine bestimmte Breite und Höhe anzupassen – es reagiert jedoch nicht auf Breiten- und Höhenänderungen. Kann ich sonst noch etwas ausprobieren?

def main():
    # Custom CSS to modify the textarea width and height
    custom_css = '''
    <style>
        textarea.stTextArea {
            width: 800px !important;
            height: 400px !important;
        }
    </style>
    '''

    st.write(custom_css, unsafe_allow_html=True)

    st.title("Custom Textarea Width and Height")
    user_input = st.text_area("Type your text here:")

    st.subheader("You typed:")
    st.write(user_input)

if __name__ == "__main__":
    main()


P粉281089485
P粉281089485

Antworte allen(1)
P粉287726308

您应该使用markdown 用于样式或 html 语法,而不是 write,并确保您获得正确的类。
您还可以使用 height 参数来设置高度。在那里面 如果您不需要服装 css 的 textarea.st-cl 部分。

custom_css = '''
    <style>
        div.css-1om1ktf.e1y61itm0 {
          width: 800px;
        }
        textarea.st-cl {
          height: 400px;
        }
    </style>
    '''
st.markdown(custom_css, unsafe_allow_html=True)

或者:

custom_css = '''
    <style>
        div.css-1om1ktf.e1y61itm0 {
          width: 800px;
        }
    </style>
    '''
st.markdown(custom_css, unsafe_allow_html=True)
user_input = st.text_area("Type your text here:", height=400)

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage