PyQt5 QSpinBox – 当鼠标悬停在向上的按钮上时为其添加边框

在这篇文章中，我们将看到如何在鼠标悬停在旋转盒的向上按钮上时为其添加边框。旋转盒由上下两个按钮组成，向上按钮用于增加数值，它有自己的默认边框，尽管我们可以改变它。当鼠标悬停在向上按钮上时，自定义的边框将出现在该按钮上。

为了做到这一点，我们必须改变与旋转框相关的样式表代码，下面是样式表代码

QSpinBox::up-button:hover
{
border : 4px solid blue;
}

以下是实现的过程

# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys


class Window(QMainWindow):

    def __init__(self):
        super().__init__()

        # setting title
        self.setWindowTitle("Python ")

        # setting geometry
        self.setGeometry(100, 100, 600, 400)

        # calling method
        self.UiComponents()

        # showing all the widgets
        self.show()

    # method for widgets
    def UiComponents(self):
        # creating spin box
        self.spin = QSpinBox(self)

        # setting geometry to spin box
        self.spin.setGeometry(100, 100, 250, 40)

        # setting prefix to spin
        self.spin.setPrefix("Prefix ")

        # setting suffix to spin
        self.spin.setSuffix(" Suffix")

        # setting style sheet to the spin box
        # adding border to the up button of spin box
        # when mouse hover over it
        self.spin.setStyleSheet("QSpinBox::up-button:hover"
                                "{"
                                "border : 4px solid blue;"
                                "}")

# create pyqt5 app
App = QApplication(sys.argv)

# create the instance of our Window
window = Window()

# start the app
sys.exit(App.exec())