Jupyter中修改ipywidgets按钮文字颜色时style属性缺失问题咨询

问题出现原因 #

• 官方文档的属性列表对应ipywidgets 8.x及以上版本，若实际运行环境中加载的ipywidgets版本低于8.0，Button组件的style属性仅支持少数配置项，没有text_color、font_size等参数
• 即使后端安装了最新版ipywidgets，若Jupyter前端的ipywidgets扩展没有同步升级，或者Jupyter启动的Python环境和安装ipywidgets的环境不是同一个，也会出现属性缺失的问题

解决方法 #

方法1：升级匹配前后端版本（推荐） #

1. 先确认当前内核实际加载的ipywidgets版本，运行以下代码：

import ipywidgets
print(ipywidgets.__version__)

如果输出版本号低于8.0，执行升级命令：
pip install --upgrade ipywidgets
2. 升级完成后同步更新Jupyter的ipywidgets扩展：
jupyter nbextension enable --py widgetsnbextension
3. 完全关闭Jupyter Notebook进程后重启，重新运行代码即可看到完整的style属性，直接设置对应参数即可生效：

from ipywidgets import Button
btn = Button(description="测试按钮")
btn.style.text_color = "red"
btn.style.font_size = "20px"
display(btn)

方法2：低版本兼容方案（无法升级时使用） #

如果暂时不能升级到8.x版本，可以通过注入自定义CSS的方式修改按钮样式：

from ipywidgets import Button, HTML
display(HTML("""
<style>
.custom-btn button {
    color: red !important;
    font-size: 20px !important;
}
</style>
"""))
btn = Button(description="测试按钮", _css_classes=["custom-btn"])
display(btn)

内容的提问来源于stack exchange，提问作者Sergio Manchado