以textEdit為例。
textEdit->verticalScrollBar()->setStyleSheet("QScrollBar:vertical {"
"border:0px solid grey;"
"width: 35px;"
"}"
" QScrollBar::handle:vertical {"
" background: #8080FF;"
" border: 3px solid grey;"
" border-radius:5px;"
" min-height: 20px;"
" }"
" QScrollBar::add-line:vertical {"
" height: 26px;"
" subcontrol-position: bottom;"
" }"
" QScrollBar::sub-line:vertical {"
" height: 26px;"
" subcontrol-position: top;"
" }"
"QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {"
" background: none;"
"}"
QScrollArea
{
border:0;
background:rgb(64,64,71);
}
QScrollBar:horizontal
{
height:12px;
border:1px solid black;
border-color:black;
margin:0px,0px,0px,0px;
padding-left:10px;
padding-right:10px;
}
QScrollBar::handle:horizontal
{
height:16px;
min-width:20;
background:#232329;
border:1px solid #525252;
}
QScrollBar::handle:horizontal::disabled
{
background:#232329;
}
QScrollBar::handle:horizontal:hover
{
background:#232329;
border:1px solid #E0E0E0;
}
QScrollBar::add-line:horizontal
{
width:10px;
background:#121215;
subcontrol-position:right;
}
QScrollBar::sub-line:horizontal
{
width:10px;
background:#121215;
subcontrol-position:left;
}
QScrollBar::add-page:horizontal
{
background:#454551;
}
QScrollBar::sub-page:horizontal
{
background:#454551;
}
QScrollBar::up-arrow:horizontal
{
border-width:1px;
max-height:16px;
min-width:17px;
}
QScrollBar::down-arrow:horizontal
{
border-style:outset;
border-width:1px;
}
QScrollBar:vertical
{
width:12px;
border:1px solid black;
margin:0px,0px,0px,0px;
padding-top:10px;
padding-bottom:10px;
}
QScrollBar::handle:vertical
{
width:16px;
background:#232329;
min-height:20;
}
QScrollBar::handle:vertical:hover
{
border:1px solid #E0E0E0;
}
QScrollBar::handle:vertical::disabled
{
background:#232329;
}
QScrollBar::handle:vertical:hover
{
background:#232329;
border:1px solid #E0E0E0;
}
QScrollBar::add-line:vertical
{
height:10px;
background:#121215;
subcontrol-position:bottom;
}
QScrollBar::sub-line:vertical
{
height:10px;
background:#121215;
subcontrol-position:top;
}
QScrollBar::add-page:vertical
{
background:#454551;
}
QScrollBar::sub-page:vertical
{
background:#454551;
}
QScrollBar::up-arrow:vertical
{
border-width:1px;
max-height:16px;
min-width:17px;
}
QScrollBar::down-arrow:vertical
{
border-style:outset;
border-width:1px;
}
scrollbar 颜色改变
tableview->setStyleSheet("QScrollBar:vertical {border: 1px solid black; background: black; width: 25px;} QScrollBar::handle:vertical { background: green;min-height: 20px;}");
这样可以定制Scrollbar的颜色。