解决QScrollArea滚动条样式被父控件样式表覆盖的问题

最近用Qt5.14.2开发基于QtWidget的应用程序，遇到了一个问题：QScrollArea滚动条样式被父控件样式表覆盖。

首先我在MainWindow上放了一个QScrollArea控件，设置了样式表，样式表如下

background-color: rgba(0, 0, 255, 0.2);

运行效果如下

然后我设置了scrollArea的父控件也就是centralwidget的样式表，样式表如下

#centralwidget {background-color: silver;}

运行效果如下

此时滚动条的样式被centralwidget的样式表覆盖了

我尝试在scrollArea控件的样式表中定义滚动条的样式，但总是无法生效

后来在centralwidget的样式表中定义scrollArea控件的样式，并且删除了scrollArea控件的样式表，终于解决了这个问题。样式表如下

#centralwidget {background-color: silver;}

#scrollArea {background-color: rgba(0, 0, 255, 0.2);}

#scrollAreaWidgetContents {background-color: transparent;}

QScrollArea QScrollBar:vertical {

background: rgba(0, 0, 255, 0.2);

width: 16px;

}

QScrollArea QScrollBar::handle:vertical {

background: rgba(0, 0, 255, 0);

}

运行效果如下

可以看到滚动条的样式生效了

最后，在centralwidget的样式表中定义scrollArea的样式时，注意不要忘记定义scrollAreaWidgetContents的样式