Qt QSlider qss（round handle) 圆形滑块

QSlider是Qt中常用的控件，样式也各种各样，自己尝试做的一个样式，尽管handle能用图片做的更完美，不用图片，视觉效果上，仍然没什么问题，round handle

1、渐变在右上角

QSlider
{
    background-color: #ff00ff; 
    border-style: outset; 
    border-radius: 10px; 
}

QSlider::groove:horizontal
{
    height: 12px;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);
    margin: 2px 0
}
QSlider::handle:horizontal 
{
    background: QRadialGradient(cx:0, cy:0, radius: 1, fx:0.5, fy:0.5, stop:0 white, stop:1 green);
    width: 16px;
    height: 16px;
    margin: -5px 6px -5px 6px;
    border-radius:11px; 
    border: 3px solid #ffffff;
}

效果如下图：

2、渐变在圆形中心

QSlider
{
    background-color: #ff00ff; 
    border-style: outset; 
    border-radius: 10px; 
}

QSlider::groove:horizontal
{
    height: 12px;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);
    margin: 2px 0
}
QSlider::handle:horizontal 
{
    background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0 white, stop:1 green);
    width: 16px;
    height: 16px;
    margin: -5px 6px -5px 6px;
    border-radius:11px; 
    border: 3px solid #ffffff;
}