目录

0.简介

1.原理

2.具体代码

---

0.简介

环境：Ubuntu22.04、qtDesigner绘制UI

项目需要，按照UI修改滚动条样式，滚动条我使用的是QScrollBar，默认样式和修改之后的样式如下：

1.原理

2.具体代码

我是用qtDesigner绘制的界面，所以用的是自带的样式表

//设置垂直滑块整体-背景颜色为透明、距离上边距57px
QScrollBar:vertical
{
    background: transparent;
    padding-top:57px;
}

//设置垂直滑块内部滚动条的样式-颜色为白色、圆角、宽度
QScrollBar::handle:vertical
{
    background:#FFFFFF;
    border-radius:6px;
    width:8px;
}

//隐藏上下的箭头按钮
QScrollBar::sub-line:vertical {
      border: none;
      background: none;
}

QScrollBar::add-line:vertical {
      border: none;
      background: none;
}

需注意：

如果圆角设置过大，是不会生效的（踩坑点）

chatGPT给出原因如下

--END--

参考：

Qt QScrollBar滚动条样式设置_qt 设置表格滚动条没有上下头-CSDN博客