QSlider样式

QSS:

#sliderTalkbackVolume:focus
{
 border:none;
}
#sliderTalkbackVolume::add-page:Horizontal
{     
    background-color: #17373C;
    height:10px;
 border-radius:10px;
}
#sliderTalkbackVolume::sub-page:Horizontal 
{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #1EA1B4, stop: 1 #17373C);
    height:10px;
 border-radius:10px;
}
#sliderTalkbackVolume::groove:Horizontal 
{
    background:transparent;
    height:20px;
}
#sliderTalkbackVolume::handle:Horizontal 
{
    height:120px;
    width:120px;
 border-image: url(:/images/sliderImg.png);
    margin:-50px 0px -50px 0px; 
}
#sliderTalkbackVolume::handle:Horizontal:focus
{
 border-image: url(:/images/sliderImgFocus.png);
}
#widgetTalkbackVolume
{
 background-color: rgb(8, 13, 16);
 border-radius:20px;
 border:2px solid rgba(19,165,186,102);
}

效果：

资源：
sliderImg.png

sliderImgFocus.png