QSS之QScrollBar

最新推荐文章于 2026-04-12 11:49:36 发布

原创最新推荐文章于 2026-04-12 11:49:36 发布 · 1.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#qss

收录于

QT5.7 专栏收录该内容

34 篇文章

订阅专栏

博客提及了QSS相关的最终效果，但未给出更多具体信息。QSS在信息技术领域常用于前端开发的样式设计。

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

最终效果: