YSS · 滑块（slider）

选择器： slider · 设计器组件： 滑块 · 按名称： slider#名称 或 #名称

可用属性

属性	说明
background-color	轨道背景（亦可用 slider:groove { background-color }）
background-gradient-color	已滑过段起始色
pressed-background-color	已滑过段结束色（与上项组合为渐变）
background-gradient-direction	horizontal / vertical
thumb-color	滑块圆点（亦可用 slider:handle { background-color }）
transparent-background	真=不绘制底板
border-radius	轨道圆角
color	数值文字颜色
show-border / border-*	外边框
margin / margin-*	绘制区域外边距（见 YSS.md）

子控件选择器

选择器	说明
slider:groove	轨道；background-color → 轨道背景
slider:handle	滑块圆点；background-color → thumb-color

示例

slider#滑块1 {
    background-color: #3A3A40;
    background-gradient-color: #007ACC;
    thumb-color: #FFFFFF;
    transparent-background: true;
    border-radius: 8;
}

slider:groove {
    background-color: #3A3A40;
}

slider:handle {
    background-color: #FFFFFF;
}