自訂streamlit文字區域

Question

我正在嘗試使用 CSS 將 st.text_area 自訂為特定的寬度和高度 - 但是，它對寬度和高度的更改沒有響應。我可以嘗試其他方法嗎？

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

您應該使用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)

---