PyQt5 QComboBox 改变鼠标悬停时的边框样式

在PyQt5中，QComboBox是一个下拉列表框，当鼠标悬停在它上面时，会发生默认的样式变化。但是，如果你想要自定义鼠标悬停时的边框样式，可以通过以下步骤实现：

1. 导入必要的模块

在使用QComboBox时，需要导入QtWidgets模块，以及QtGui模块中的QColor类和QCursor类。代码如下：

from PyQt5 import QtWidgets, QtGui
from PyQt5.QtGui import QColor, QCursor

2. 创建带自定义样式的QComboBox

在QComboBox对象上调用setStyleSheet()方法，可以设置自定义的样式表。例如，以下代码将QComboBox的下拉箭头颜色设置为红色：

combo_box = QtWidgets.QComboBox()
combo_box.setStyleSheet("""
QComboBox::down-arrow {
    image: url("down_arrow_red.png");
}
""")

3. 实现鼠标悬停时的边框样式

当鼠标悬停在QComboBox对象上方时，我们可以实现以下两个边框样式之一：

① 改变边框颜色

在QComboBox对象上连接enterEvent和leaveEvent信号，分别设置鼠标悬停时和不悬停时的边框颜色。例如，以下代码将QComboBox的悬停边框颜色设置为蓝色：

class CustomComboBox(QtWidgets.QComboBox):
    def __init__(self):
        super().__init__()
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        """)

    def enterEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 2px solid blue;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        """)

    def leaveEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        """)

② 旋转箭头

可以设置QComboBox对象上的鼠标跟随事件，实现鼠标悬停时将箭头旋转90度。例如，以下代码将QComboBox的选项列表的箭头旋转90度：

class CustomComboBox(QtWidgets.QComboBox):
    def __init__(self):
        super().__init__()
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        QComboBox::down-arrow {
            image: url("down_arrow_gray.png");
            width: 14px;
            height: 14px;
        }
        """)
        self.setCursor(Qt.PointingHandCursor)

    def enterEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid blue;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        QComboBox::down-arrow {
            transform: rotate(90deg);
        }
        """)

    def leaveEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        QComboBox::down-arrow {
            transform: rotate(0deg);
        }
        """)

以上是两种方法的示例，可以根据自己的需求进行调整。

完整代码如下：

from PyQt5 import QtWidgets, QtGui
from PyQt5.QtGui import QColor, QCursor


class CustomComboBox(QtWidgets.QComboBox):
    def __init__(self):
        super().__init__()
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        """)

    def enterEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 2px solid blue;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        """)

    def leaveEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        """)


class CustomComboBox2(QtWidgets.QComboBox):
    def __init__(self):
        super().__init__()
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        QComboBox::down-arrow {
            image: url("down_arrow_gray.png");
            width: 14px;
            height: 14px;
        }
        """)
        self.setCursor(Qt.PointingHandCursor)

    def enterEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid blue;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        QComboBox::down-arrow {
            transform: rotate(90deg);
        }
        """)

    def leaveEvent(self, event):
        self.setStyleSheet("""
        QComboBox {
            border: 1px solid gray;
            border-radius: 3px;
            padding: 1px 18px 1px 3px;
            min-width: 6em;
        }
        QComboBox::down-arrow {
            transform: rotate(0deg);
        }
        """)


if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    combo_box = CustomComboBox()
    combo_box2 = CustomComboBox2()
    combo_box.addItems(['test1', 'test2', 'test3'])
    combo_box2.addItems(['test1', 'test2', 'test3'])
    combo_box.show()
    combo_box2.show()
    sys.exit(app.exec_())

注：需要注意的是，在使用第二种方法旋转箭头时，需要提前准备好旋转后的箭头图片，并在样式表中引用。