QSS之QScrollBar

QScrollBar:vertical { //垂直滑块整体       
        background:#FFFFFF;
        padding-top:20px;    //上预留位置（放置向上箭头）
        padding-bottom:20px;    //下预留位置（放置向下箭头）
        padding-left:3px;    //左预留位置（美观）
        padding-right:3px;    //右预留位置（美观）
        border-left:1px solid #d7d7d7;
}

QScrollBar::handle:vertical {//滑块样式
        background:#dbdbdb;
        min-height:80px;    /滑块最小高度
        border-radius:6px    //边角圆润
}

QScrollBar::handle:vertical:hover {//鼠标触及滑块样式
        background:#d0d0d0;
}

QScrollBar:horizontal { 
        background:#FFFFFF;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:20px;
        padding-right:20px;
        border-left:1px solid #d7d7d7;
}

QScrollBar::handle:horizontal {
        background:#dbdbdb;
        min-height:60px;
        border-radius:6px
}

QScrollBar::handle:horizontal:hover {
        background:#d0d0d0;
}

最终效果: