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;
}

最終效果: