如下面的這個QSS代碼：

QScrollBar:vertical{ width:16px; border:1px solid rgb(255,0,0); margin:0px,0px,0px,0px; padding-top:16px; padding-bottom:16px; }

程序運行截圖如下：

提示：rgb(255,0,0)為紅色，padding-top與padding-bottom；還有width:16，是為了后面放向上和向下圖標

注意：這個vertical屬性包含了上面那個和下面的那個箭頭（估計是被覆蓋了），現在設置下ScrollBar的背景來測試下：

?

源碼如下：

QScrollBar:vertical{ width:16px; border:1px solid rgb(255,0,0); margin:0px,0px,0px,0px; padding-top:16px; padding-bottom:16px; background-color: rgb(0, 255, 0); }

運行截圖如下：

?

下面來看修改握把的源碼：

QScrollBar::handle:vertical{ width:16px; background-color: rgb(85, 0, 255); min-height:30px; border-radius:8px; }

程序運行截圖如下：

?

注意：

1.設置握把的源碼要和最上面的那個源碼一起出現，單獨出現會失效。

2.rgb(85,0,255)為紫色。

?

下面這個是鼠標停留在握把的代碼：

QScrollBar::handle:vertical:hover{ background:rgb(205,205,205); border:1px rgb(22,75,124); border-radius:8px; }

現象就是那樣，沒什么好看的，就是鼠標停過去會變色。

?

下面來看一組源碼：

QScrollBar::sub-line:vertical{ height:16px; background:rgb(205,205,205); border-image:url(:/img/arrows_up.png); subcontrol-position:top; } QScrollBar::sub-line:vertical:hover{ height:16px; background:rgb(0,0,0); subcontrol-position:top; } QScrollBar::add-line:vertical{ height:16px; background:rgb(205,205,205); border-image:url(:/img/arrows_down.png); subcontrol-position:bottom; } QScrollBar::add-line:vertical:hover{ height:16px; background:rgb(0,0,0); subcontrol-position:bottom; }

這里要注意一點：當有ScrollBar出現的時候，一般都是往下翻，新的東西都在下面。

所有sub-line放up的圖片，

add-line放down的圖片。

運行截圖如下：

?

這些屬性只能滿足基本要求，更多復雜的功能還有查！

如：

QScrollBar::sub-page:horizontal { background: red; } QScrollBar::add-page:horizontal { background: green; }

不過感覺這些好像用得并不多！

水平的就把vertical換horizontal

總結

以上是生活随笔為你收集整理的Qt工作笔记-QSS中关于QScrollBar的设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。