QSlider 样式例子

QSlider::groove:vertical {
border: 1px solid  rgb(200, 200, 200);
width: 6px;
border-radius: 1px;
padding:-1px;
}

QSlider::sub-page:vertical {
background: rgb(200, 200, 200);
border: 1px solid  rgb(200, 200, 200);
border-radius: 2px;
}

QSlider::add-page:vertical {
background: rgb(200, 200, 200);
border: 1px solid  rgb(200, 200, 200);
border-radius: 2px;
}
    QSlider::handle:vertical  
    { 
	background:  rgb(69, 173, 237);
    height: 20px;
    margin-left: -7px;
    margin-right: -7px;
    border-radius: 10px;
}

水平样式

QSlider::groove:horizontal {
    border: 1px solid  rgb(200, 200, 200);
    height: 6px;
    border-radius: 1px;
    padding: -1px;
}
 
QSlider::sub-page:horizontal {
    background: rgb(200, 200, 200);
    border: 1px solid  rgb(200, 200, 200);
    border-radius: 2px;
}
 
QSlider::add-page:horizontal {
    background: rgb(200, 200, 200);
    border: 1px solid  rgb(200, 200, 200);
    border-radius: 2px;
}
 
QSlider::handle:horizontal {
    background:  rgb(69, 173, 237);
    width: 20px;
    margin-top: -7px;
    margin-bottom: -7px;
    border-radius: 10px;
}

样式设置链接：
Qt QPushButton水晶按钮样式例子：Qt QPushButton水晶按钮样式例子_qt 按钮样式_hss2799的博客-CSDN博客
QTabWidget 样式例子：QTabWidget 样式例子_qtabwidget样式表-CSDN博客
QSlider 样式例子：QSlider 样式例子_qt中verticalslider样式-CSDN博客
QTreeWidget 样式设置记录：QTreeWidget 样式设置记录_qtreewidget单击后焦点消失-CSDN博客
QT 透明样式设置：QT 透明样式设置_qt样式表透明-CSDN博客
Qt 用样式实现实心圆和空心圆：Qt 用样式实现实心圆和空心圆_qt画实心圆-CSDN博客
QToolTip样式设置的两种方式：QToolTip样式设置的两种方式-CSDN博客

Qt QDateEdit 日期样式设置例子：Qt QDateEdit 日期样式设置例子_qdateedit setstylesheet-CSDN博客