PyQt5 β Adding border to lineedit part of non-editable combobox when mouse hover
In this article we will see how we can set border to the line edit part of the non-editable combo box when mouse hover over it. Line edit part is the part of combo box which displays the selected item, it is editable by nature. In order to set and access the line edit object we use setLineEdit
and lineEdit
method respectively.
Note : When we add line edit object to the combo box, it make the combo box editable therefore there is a need to make line edit object non-editable.
In order to do this we have to do the following :
1. Create a combo box
2. Add item to the combo box
3. Create a QLineEdit object
4. Make line edit object non editable
5. Set border to the QLineEdit object when mouse hover over it
6. Add QLineEdit object to the combo box
Syntax :
# creating line edit object line_edit = QLineEdit() # making line edit non editable line_edit.setReadOnly(True) # setting border to the line edit when mouse hover over it line_edit.setStyleSheet("QLineEdit::hover" "{" "border : 2px solid green;" "}") # adding line edit object to the combo box self.combo_box.setLineEdit(line_edit)
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 ): 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 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 self .combo_box.addItems(geek_list) # creating line edit object line_edit = QLineEdit() # making line edit non editable line_edit.setReadOnly( True ) # setting border to the line edit when mouse hover over it line_edit.setStyleSheet( "QLineEdit::hover" "{" "border : 2px solid green;" "}" ) # adding line edit object to the combo box self .combo_box.setLineEdit(line_edit) # create pyqt5 app App = QApplication(sys.argv) # create the instance of our Window window = Window() # start the app sys.exit(App. exec ()) |
Output :