在Python的Bokeh包中设置按钮样式

1 投票
1 回答
25 浏览
提问于 2025-04-13 14:49

我想把Bokeh这个工具包里的一个按钮换成不同的颜色。我了解了一些按钮类型,但我想自己定义样式。我尝试过用最简单的按钮示例和css_classes,但这对我没用。我也试过样式,但那只是影响了按钮下面的元素,而不是按钮本身。有没有办法直接改变Bokeh按钮的颜色呢?

比如,我有一个main.py文件,还有一个styles.css文件,里面有这样的样式:
.custom_button_bokeh button.bk.bk-btn.bk-btn-default {}

button = Button(label="Testing CSS", css_classes=["custom_button_bokeh"])

这对我没用,样式没有应用上。

button = Button(label="Testing CSS", styles={"background-color":"#00448a"}, )

这个方法有效,但样式应用到了错误的组件上,按钮后面的背景才会显示出来,只是因为按钮的角是圆的。

谢谢你们的帮助!

我试着给Bokeh工具包里的按钮组件加样式,但要么是样式应用到了错误的组件上,要么根本没有效果。

1 个回答

0

解决办法是使用一个自定义的 样式表,比如 InlineStyleSheet,来覆盖默认的css样式。

下面的例子中,普通按钮的背景颜色被设置为浅灰色。

from bokeh.io import show, output_notebook
from bokeh.models import Button, CustomJS, InlineStyleSheet
output_notebook()

stylesheet = InlineStyleSheet(css=".bk-btn { background-color: lightgray; }")
button = Button(label="Foo", stylesheets=[stylesheet])

show(button)

浅灰色按钮

撰写回答