如何调整ToggleButton组件中描述文本的字号或字体样式

要调整ipywidgets中ToggleButtons组件的description（描述文本）字号或字体样式，有两种实用方法：

方法一：全局自定义CSS样式 #

通过注入CSS代码，一次性修改所有带description的widget的描述文本样式，适合统一风格的场景：

import ipywidgets as widgets
from IPython.display import display

# 注入自定义CSS
display(widgets.HTML('''
<style>
.widget-label {
    font-size: 20px;          /* 设置字号，可按需调整数值 */
    font-family: 'Arial';     /* 设置字体，比如替换为"Courier New"或"微软雅黑" */
    font-weight: bold;        /* 可选：设置加粗 */
    color: #34495e;           /* 可选：修改文本颜色 */
}
</style>
'''))

# 创建ToggleButtons组件
toggle_btn = widgets.ToggleButtons(
    options=["No","Yes"], 
    value="Yes",
    description="values?"
)
display(toggle_btn)

方法二：用独立Label组件替代自带description #

如果只想单独修改某个ToggleButtons的描述文本样式，可放弃组件自带的description，改用独立的Label组件配合布局实现：

import ipywidgets as widgets
from IPython.display import display

# 创建自定义样式的描述标签
desc_label = widgets.Label(
    value="values?",
    style={
        'font_size': '18px',
        'font_family': 'Courier New',
        'font_weight': 'normal'
    }
)

# 创建不带自带description的ToggleButtons
toggle_btn = widgets.ToggleButtons(
    options=["No","Yes"], 
    value="Yes"
)

# 将标签和按钮横向排列
display(widgets.HBox([desc_label, toggle_btn]))

两种方法的区别：

• 方法一全局生效，所有widget的描述文本都会应用该样式；
• 方法二更灵活，仅针对当前组件的描述文本生效，互不干扰。

内容的提问来源于stack exchange，提问作者Jinesh Surana