Open In App

PyQt5 – Adding border to non-editable ComboBox when mouse hover

Last Updated : 04 May, 2020
Like Article

In this article we will see how we can add border to the combo box when it is non-editable and mouse hover over it. By default combo box have border although we can change the border, combo box with customized border will only appear when it is non-editable and cursor is on it.

In order to do this we have to change the style sheet associated with the combo box, below is the style sheet code

border : 3px solid blue;

Below is the implementation

# 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):
        # setting title
        self.setWindowTitle("Python ")
        # setting geometry
        self.setGeometry(100, 100, 600, 400)
        # calling method
        # showing all the widgets
    # method for widgets
    def UiComponents(self):
        # creating a combo box widget
        self.combo_box = QComboBox(self)
        # setting geometry of combo box
        self.combo_box.setGeometry(200, 150, 150, 30)
        # geek list
        geek_list = ["Sayian", "Super Sayian", "Super Sayian 2", "Super Sayian B"]
        # adding list of items to combo box
        # editing style sheet code of combo box
        # adding border to the combo box when it is non-editable
        # and when mouse hover over it
        self.combo_box.setStyleSheet("QComboBox::! editable:hover"
                                     "border : 3px solid blue;"
# create pyqt5 app
App = QApplication(sys.argv)
# create the instance of our Window
window = Window()
# start the app

Output :

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads