PyQt5如何为组件设置不同颜色？滚动区域颜色修改失效求助

问题出在QScrollArea的结构特性上：你设置的样式仅作用于QScrollArea容器本身，但滚动区域的可视内容部分是由它内部的viewport部件负责渲染的；同时你创建的scroll_content_1默认未设置背景色，会透出父级窗口的颜色，导致看起来滚动区域颜色和窗口一致。

修正方案 #

需要同时设置三个部分的样式，确保颜色完全覆盖：

• QScrollArea容器的边框、圆角（如果需要）
• QScrollArea内部viewport的背景色
• 内部内容widget（scroll_content_1）的背景色

修改后的代码示例：

scroll_area_1 = QScrollArea(self)
scroll_area_1.setGeometry(120, 100, 300, 600)
scroll_area_1.setWidgetResizable(True)

# 给scroll_area设置样式，指定viewport的背景色
scroll_area_1.setStyleSheet("""
    QScrollArea {
        border-width: 0px;
        border-radius: 15px;
    }
    QScrollArea > QWidget#qt_scrollarea_viewport {
        background-color: #201F22;
    }
""")

scroll_content_1 = QWidget()
# 给内容widget设置背景色，避免滚动时透出底层颜色
scroll_content_1.setStyleSheet("background-color: #201F22;")
scroll_area_1.setWidget(scroll_content_1)

grid_1 = QGridLayout(scroll_content_1)

关键说明 #

1. QScrollArea > QWidget#qt_scrollarea_viewport是Qt样式表的精准选择器，专门选中QScrollArea内部的viewport部件，确保背景色应用到实际的滚动可视区域，不会被父窗口的样式继承覆盖。
2. 给scroll_content_1设置背景色的原因：当内容不足以填满viewport时，viewport的背景会显示；如果内容超出viewport，滚动时内容widget的空白部分需要和viewport颜色一致，避免视觉割裂。

内容的提问来源于stack exchange，提问作者user24097842