PyQt5 QSpinBox – 鼠标悬停在向下箭头上时添加边框

在本文中，我们将看到当鼠标悬停在向下箭头上时如何为向下箭头添加边框，我们知道在旋转框中存在上下两个按钮，向下箭头是向下按钮的内部部分。向下箭头是向下按钮的子集，向下按钮是旋转框的子集。默认情况下，向下箭头没有边框。自定义边框仅在光标位于旋转框上时才会出现。

为此，我们必须更改与旋转框关联的样式表代码，下面是样式表代码

QSpinBox::down-arrow:hover
{
border : 4px solid green;
}

下面是实现

# 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, 60)
  
        # 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 down button
        # adding border to the down arrow
        # when mouse hover over it
        self.spin.setStyleSheet("QSpinBox::down-button"
                                "{"
                                "border : 3px solid pink;"
                                "}"
                                "QSpinBox::down-arrow:hover"
                                "{"
                                "border : 4px solid green;"
                                "}")
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
# start the app
sys.exit(App.exec())

输出 ：