📌  相关文章
📜  PyQt5 ComboBox - 不可编辑和鼠标悬停时不同的边框颜色

📅  最后修改于: 2022-05-13 01:55:24.782000             🧑  作者: Mango

PyQt5 ComboBox - 不可编辑和鼠标悬停时不同的边框颜色

在本文中,我们将看到当组合框不可编辑并且鼠标悬停在组合框上时,如何为组合框设置不同的边框颜色,当我们为组合框设置边框时,尽管我们可以更改,但所有边的边框颜色相同分别为每一面的颜色。彩色边框只会出现组合框不可编辑且光标位于小部件上。

注意:组合框可以在setEditable方法的帮助下进行编辑

为此,我们必须更改与组合框关联的样式表,下面是样式表代码。
代码 1

QComboBox::!editable:hover
{
border : 5px solid;
border-color-top : red;
border-color-right : green;
border-color-bottom : blue;
border-color-left : yellow;
}

代码 2

QComboBox::!editable:hover
{
border : 5px solid;
border-color : red green blue yellow
}

两个代码都执行类似的任务,只是代码 1 是代码 2 的扩展版本。

下面是实现

# 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 a check-able combo box object
        self.combo_box = QComboBox(self)
  
        # setting geometry of combo box
        self.combo_box.setGeometry(200, 150, 150, 80)
  
        # making combo box editable
        # self.combo_box.setEditable(True)
  
        # geek list
        geek_list = ["Sayian", "Super Sayian",
                     "Super Sayian 2", "Super Sayian B"]
  
        # adding list of items to combo box
        self.combo_box.addItems(geek_list)
  
        # setting style sheet
        # adding border to combo box
        # adding colorful border when it is non-editable
        # and mouse hover over it
        self.combo_box.setStyleSheet("QComboBox"
                                     "{"
                                     "border : 5px solid black;"
                                     "}"
                                     "QComboBox::! editable:hover"
                                     "{"
                                     "border : 5px solid;"
                                     "border-color : red green blue yellow;"
                                     "}")
  
  
# create pyqt5 app
App = QApplication(sys.argv)
  
# create the instance of our Window
window = Window()
  
window.show()
  
# start the app
sys.exit(App.exec())

输出 :