streamlit生成蓝色按钮
时间: 2024-06-20 19:02:18 浏览: 160
在Streamlit中,你可以使用`streamlit.button`函数创建按钮,同时可以通过CSS类或者HTML直接设置按钮的样式。如果你想创建一个蓝色的按钮,你可以直接为按钮添加一个蓝色的CSS类。以下是一个简单的例子:
```python
import streamlit as st
# 创建一个蓝色的CSS样式
blue_button_style = """
<style>
.blue-button {
background-color: #007bff; /* 蓝色 */
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
text-align: center;
font-size: 16px;
}
</style>
"""
# 将样式插入到页面中
st.markdown(blue_button_style, unsafe_allow_html=True)
# 创建蓝色按钮
button_text = "Click me!"
button_color = "blue-button"
st.button(button_text, key=button_color)
```
在这个例子中,我们首先定义了一个`.blue-button`的CSS类,设置了背景颜色为蓝色。然后,我们在Streamlit中使用`st.markdown`将这个样式插入到页面中。最后,通过`st.button`创建了一个带有`blue-button`类的蓝色按钮。
阅读全文