QScrollBar垂直滚动条简单样式定制

最新推荐文章于 2023-08-23 22:35:51 发布

ヽ（^･ω･^ ）Smileヽ

最新推荐文章于 2023-08-23 22:35:51 发布

阅读量323

点赞数

文章标签：前端 css html

本文链接：https://blog.csdn.net/weixin_42661333/article/details/128468762

版权

QScrollBar{
    background: transparent;
}
QScrollBar::handle:vertical {
    background: #F0F0F0;
    border: 0px solid grey;
    border-radius: 3px;
    width: 6px;            // 注意滑块宽度和滑轨宽度需要保持一致
}
QScrollBar::vertical {
    border-width: 0px;
    border-style: flat;
    border-color: rgba(255, 255, 255, 0);
    width: 6px;            // 注意滑块宽度和滑轨宽度需要保持一致
    border-radius:3px;
}
QScrollBar::add-line:vertical
{
    width: 0px;
}
QScrollBar::sub-line:vertical
{
    width: 0px;
}
QScrollBar::add-page:vertical
{
    background-color: rgba(255, 255, 255, 0);
}
QScrollBar::sub-page:vertical
{
    background-color: rgba(255, 255, 255, 0);
}

效果如图，QScrollArea，QComboBox，QTableView等需要使用滚动条的控件均可适用