Zone de texte personnalisée et simplifiée

Question

J'essaie de personnaliser st.text_area à une largeur et une hauteur spécifiques à l'aide de CSS - cependant, il ne répond pas aux changements de largeur et de hauteur. Y a-t-il autre chose que je peux essayer ?

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()

Answer 1

Vous devez utiliser markdown 用于样式或 html 语法，而不是 write et vous assurer d'avoir le bon cours.
Vous pouvez également utiliser le paramètre height pour définir la hauteur. à l'intérieur Si vous n'avez pas besoin de la partie textarea.st-cl du CSS vestimentaire.

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

ou :

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)

---