我正在尝试为QScrollArea和我的样式表的滚动条应用一些样式表,如下所示.
QScrollBar:vertical { border-color: rgb(227, 227, 227); border-width: 1px; border-style: solid; background-color: rgb(240, 240, 240); width: 15px; margin: 21px 0 21px 0; } QScrollBar::handle:vertical { background-color: rgb(200, 200, 200); min-height: 25px; } QScrollBar::add-line:vertical { border: 1px solid grey; background-color: rgb(241, 241, 241); height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; } QScrollBar::sub-line:vertical { border: 1px solid grey; background-color: rgb(241, 241, 241); height: 20px; subcontrol-position: top; subcontrol-origin: margin; } QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; } QScrollBar::up-arrow:vertical { image: url(:/BarIcon/Icons/uparrow.png); } QScrollBar::down-arrow:vertical { image: url(:/BarIcon/Icons/downarrow.png); } QScrollBar:horizontal { border-color: rgb(227, 227, 227); border-width: 1px; border-style: solid; background-color: rgb(240, 240, 240); width: 15px; margin: 0px 21px 0 21px; } QScrollBar::handle:horizontal { background-color: rgb(200, 200, 200); min-height: 25px; } QScrollBar::add-line:horizontal { border: 1px solid grey; background-color: rgb(241, 241, 241); width: 20px; subcontrol-position: right; subcontrol-origin: margin; } QScrollBar::sub-line:horizontal { border: 1px solid grey; background-color: rgb(241, 241, 241); width: 20px; subcontrol-position: left; subcontrol-origin: margin; } QScrollBar:left-arrow:horizontal { image: url(:/BarIcon/Icons/leftarrow.png); } QScrollBar::right-arrow:horizontal { image: url(:/BarIcon/Icons/rightarrow.png); } QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { background: none; }
这个样式表完美地完成了它对垂直滚动条的应用,但是由于存在与之相关的任何单个样式表QScrollBar:horizontal
,条形图就会消失.
任何人都可以指出我的缺陷,我该怎么办?
注意:使用Change styleSheet
Qt Designer选项将styleSheet应用于QScrollArea对象.
如果水平滚动条显示在此样式表上,请务必确认.