Qt style自绘滚动条(样式表方法）

/*水平滚动条*/
QScrollBar:horizontal
{
	border-radius:4px;
    background: white;
    height: 10px;
    margin: 0px 10px 0 10px;
}
QScrollBar:horizontal:hover
{
	border-radius:4px;
    background: rgb(228,228,228);
    height: 10px;
    margin: 0px 10px 0 10px;
}

QScrollBar::handle:horizontal 
{
    background: rgb(202,202,202);
	border-radius:4px;
    min-width: 20px;
}
QScrollBar::handle:horizontal:hover
{
    background: rgb(113, 113, 113);
	border-radius:4px;
    min-width: 20px;
}

QScrollBar::add-line:horizontal 
{
    background: none;
    width: 10px;
    subcontrol-position: right;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:horizontal 
{
    background: none;
    width: 10px;
    subcontrol-position: left;
    subcontrol-origin: margin;
}

QScrollBar::left-arrow:horizontal
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowleft_normal.png);
}
QScrollBar::left-arrow:horizontal:hover
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowleft_highlight.png);
}
QScrollBar::left-arrow:horizontal:pressed
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowleft_down.png);
}

QScrollBar::right-arrow:horizontal 
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowright_normal.png);
}
QScrollBar::right-arrow:horizontal:hover
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowright_highlight.png);
}
QScrollBar::right-arrow:horizontal:pressed
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowright_down.png);
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal 
{
    background: none;
}

/*以下为垂直滚动条*/

QScrollBar:vertical
{
	border-radius:4px;
    background: white;
    width: 10px;
    margin: 10px 0px 10 0px;
}
QScrollBar:vertical:hover
{
	border-radius:4px;
    background: rgb(228,228,228);
    width: 10px;
    margin: 10px 0px 10 0px;
}

QScrollBar::handle:vertical 
{
    background: rgb(202,202,202);
	border-radius:4px;
    min-height: 20px;
}
QScrollBar::handle:vertical:hover
{
    background: rgb(113,113,113);
	border-radius:4px;
    min-height: 20px;
}

QScrollBar::add-line:vertical 
{
    background: none;
    height: 10px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical 
{
    background: none;
    height: 10px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

QScrollBar::up-arrow:vertical
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowup_normal.png);
}
QScrollBar::up-arrow:vertical:hover
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowup_highlight.png);
}
QScrollBar::up-arrow:vertical:pressed
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowup_down.png);
}

QScrollBar::down-arrow:vertical 
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowdown_normal.png);
}
QScrollBar::down-arrow:vertical:hover
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowdown_highlight.png);
}
QScrollBar::down-arrow:vertical:pressed
{
    width: 10px;
    height: 10px;
    background: url(:/ScrollBar/ScrollBar/scrollbar_arrowdown_down.png);
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical 
{
    background: none;
}