为 Python 的 Bokeh 包中的按钮设计样式

Question

我想将 Bokeh 包中的按钮更改为不同的颜色。我已经阅读了有关 Button_types 的内容，但想为其定义自己的样式。我尝试过使用 css_classes 的最小按钮示例，但这对我不起作用。我也尝试过这些样式，但只能访问底层元素而不是按钮本身。有没有办法改变散景按钮本身的颜色？

例如，我有一个 main.py 以及一个 styles.css 样式 .custom_button_bokeh 按钮.bk.bk-btn.bk-btn-默认 {}

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

这对我不起作用，没有应用任何样式

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

这可以工作，但样式错误的组件，按钮后面的背景仅可见，因为按钮角是圆角的

提前谢谢您！

我尝试对 Bokeh 包中 Button 小部件的按钮组件进行样式设置，但它设置了错误的组件样式，或者根本没有样式设置。

Answer 1

解决方案是使用像stylesheet

一样的

自定义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)