PyQt5 Combo Box – lineedit 部分的不同边框颜色

在 PyQt5 中，ComboBox 是一个常用的控件，可以用于从预定义的一组选项中选择一个选项。ComboBox 包含与LineEdit相同的部分，包括可输入和可编辑的文本字段。

在本教程中，我们将探讨如何对 ComboBox 的 lineedit 部分的边框颜色进行定制。

定制边框颜色

PyQt5 的 QSS 样式表可以用于定制界面控件的外观。QSS 样式表支持控件部件名称的选择器，可以精确地指定要定制的控件部件。

以下代码片段显示了如何使用 QSS 样式表来定制 ComboBox lineedit 部分的边框颜色。

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

class Example(QWidget):
    
    def __init__(self):
        super().__init__()
        
        self.initUI()
        
    def initUI(self):

        self.cb = QComboBox(self)
        self.cb.setEditable(True)

        # 样式表，定制 lineedit 部分的边框颜色
        self.cb.setStyleSheet("""
            QComboBox {
                border: 2px solid gray;
                border-radius: 8px;
            }
            QComboBox::drop-down {
                subcontrol-origin: padding;
                subcontrol-position: top right;
                width: 50px;
                border-left-width: 1px;
                border-left-color: darkgray;
                border-left-style: solid;
                border-top-right-radius: 8px;
                border-bottom-right-radius: 8px;
            }
            QComboBox::down-arrow {
                image: url(../images/downarrow.png);
            }
            QComboBox::down-arrow:on {
                top: 1px;
                left: 1px;
            }
            QComboBox QAbstractItemView {
                border: 2px solid darkgray;
                selection-background-color: lightgray;
            }
            QLineEdit {
                border: 2px solid red; # 定制边框颜色
                border-radius: 8px;
                padding: 6px;
            }
        """)

        self.cb.move(20, 20)
        
        self.setGeometry(300, 300, 300, 200)
        self.show()

if __name__ == '__main__':
    
    app = QApplication([])
    ex = Example()
    sys.exit(app.exec_())

注释中的 QSS 样式表定义了以下属性：

• QComboBox：指定 ComboBox 控件的整体样式，包括边框和圆角。
• QComboBox::drop-down：ComboBox 的下拉箭头样式。
• QComboBox::down-arrow：当用户点击 ComboBox 获取焦点时，下拉箭头的样式。
• QComboBox QAbstractItemView：ComboBox 弹出列表框中的条目样式。
• QLineEdit：ComboBox lineedit 部分的属性，边框颜色为红色。

使用以上样式表，ComboBox 的 lineedit 部分的边框会呈现出红色。

结论

本教程介绍了如何使用 QSS 样式表对 PyQt5 ComboBox 控件的 lineedit 部分进行定制，实现可视化界面上的美观效果。