Qt-滚动条样式设置

新手编码，记录以防忘记。

QScrollBar:vertical

{

width:9px;

background:rgba(56,135,255,0%);

margin:0px,0px,0px,0px;

padding-top:9px; /*留出9px给上面和下面的箭头*/

padding-bottom:9px;

}

QScrollBar::handle:vertical

{

width:9px;

background:rgba(56,135,255,25%);

border-radius:4px; /*滚动条两端变成椭圆*/

min-height: 20px;

}

QScrollBar::handle:vertical:hover

{

background:rgba(56,135,255,50%); /*鼠标放到滚动条上，颜色变深*/

}

QScrollBar::up-arrow:vertical{

image: url(:/image/scroll_up_arrow.png);

margin:-5px -5px -5px -5px;

subcontrol-position:top;

}

QScrollBar::down-arrow:vertical{

image: url(:/image/tree_down_arrow.png);

margin:-5px -5px -5px -5px;

subcontrol-position:bottom;

}

 

QScrollBar:horizontal

{

height:9px;

background:rgba(56,135,255,0%);

padding-left:9px; /*留出10px给左和右的箭头*/

padding-right:9px;

}

QScrollBar::handle:horizontal

{

height:9px;

background:rgba(56,135,255,25%);

border-radius:4px; /*滚动条两端变成椭圆*/

}

QScrollBar::handle:horizontal:hover

{

height:9px;

background:rgba(56,135,255,50%); /*鼠标放到滚动条上，颜色变深*/

border-radius:4px;

}

QScrollBar::right-arrow:horizontal{

image: url(:/image/tree_right_arrow.png);

margin:-5px -5px -5px -5px;

subcontrol-position:right;

}

QScrollBar::left-arrow:horizontal{

image: url(:/image/scroll_left_arrow.png);

margin:-5px -5px -5px -5px;

subcontrol-position:left;

}

 

QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical,QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal /*当滚动条滚动的时候，上面的部分和下面的部分*/

{

background:rgba(56,135,255,10%);

}