Qt 滚动条样式

最新推荐文章于 2025-06-25 18:39:31 发布

原创最新推荐文章于 2025-06-25 18:39:31 发布 · 1.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Qt #滚动条样式 #css

Qt学习专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何使用Qt的QSS（Qt StyleSheet）来定制滚动条的样式，通过CSS语法实现滚动条的颜色、大小和形状的个性化设置，提升应用程序的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QScrollArea{
  border:0px solid;
  border-radius: 2px;
}

QScrollBar:vertical
{
  width: 4px;
  border:0px solid;
  border-radius: 2px;
  margin: 0px,0px,0px,0px;
  background-color: transparent;
  background:#F5F5F5;
}

QScrollBar:vertical:hover
{
  width: 4px;
  border:0px solid;
  margin: 0px,0px,0px,0px;
  background:#F5F5F5;
}

QScrollBar::handle:vertical
{
  width:4px;
  background:#E1E1E1;
  border-radius: 2px;
  height: 40px;
  
}

QScrollBar::handle:vertical:hover
{
  background:#E1E1E1;
  border-radius: 2px;
}

QScrollBar::add-line:vertical
{
  height:11px;
  background-color: transparent;
  subcontrol-position:bottom;
  border:0px solid;
  border-radius: 2px;

}
QScrollBar::sub-line:vertical
{
  height:11px;
  background-color: transparent;
  subcontrol-position:top;
  border:0px solid;
  border-radius: 2px;
}

QScrollBar::add-page:vertical
{
  background-color: #F5F5F5;
  border:0px solid;
  border-radius: 2px;
}

QScrollBar::sub-page:vertical
{
  background-color: #F5F5F5;
  border:0px solid;
  border-radius: 2px;
}

QScrollBar::up-arrow:vertical{
  image : url(:/image/scroll_up_arrow.png);
  border:0px solid;
  border-radius: 3px;
}

QScrollBar::down-arrow:vertical {
  image : url(:/image/scroll_down_arrow.png);
  border:0px solid;
  border-radius: 3px;
}