PyQt5 - Set background color to view part of ComboBox on mouse hover

PyQt5 – Setting border to view part of ComboBox on mouse hover

Last Updated : 04 May, 2020

In this article we will see how we can set border to the view part of the combo box when mouse hover over the view part. View part is basically drop down item list, which shows all the available items, we have to get the view object with the help of view method, by default combo box uses QListView object. In order to do this we have to change the style sheet associated with the combo box, below is the style sheet code to do this

QListView::hover
{
border : 3px solid red;
background : white;
}

Below is the implementation

Python3 1==

# 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)

        # editing style sheet code of combo box
        # adding border to the list view when mouse hover over it
        self.combo_box.setStyleSheet("QListView:hover"
                                     "{"
                                     "border : 3px solid red;"
                                     "background : white;"
                                     "}")


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

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

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

Output : When mouse will hover over the view part it will look like this

PyQt5 - Set background color to view part of ComboBox on mouse hover

R

rakshitarora

Improve

Article Tags :

Practice Tags :

python

Similar Reads

PyQt5 - Setting border to view part of ComboBox

In this article we will see how we can set border to the view part of the combo box. View part is basically drop down item list, which shows all the available items, we have to get the view object with the help of view method, by default combo box uses QListView object. Below is the representation o

PyQt5 - Set background color to view part of ComboBox on mouse hover

In this article we will see how we can set background color to the view part of the combo box when mouse hover over it. View part is basically drop down item list, which shows all the available items, we have get the view object with the help of view method, by default combo box uses QListView objec

PyQt5 - Setting skin to view part of combobox when mouse hover

In this article we will see how we can set skin to the view part of the combo box when mouse hover over it. View part is the place where all the items displays view part shows it self when combo box get pressed. Skin is basically background image which adjust itself according to the size of view par

PyQt5 - Adding border to OFF state ComboBox when mouse hover

In this article we will see how we can add border to the combo box when it is in off state and mouse hover it. OFF state is basically when the combo box list view is not open. This customized border appear only when combo box will be in off state and mouse is hovering over it. In order to do this we

PyQt5 - Add border to ComboBox when mouse hover over

In this article we will see how we can add border to the combo box when mouse hover. By default combo box have border although we can change the border. Below is the representation of combo box with customized border, this border will only appear when mouse hover over it. In order to do this we have

PyQt5 - Add border to lineedit part of ComboBox when mouse hover

In this article we will see how we can set border to the line edit part of the 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 metho

PyQt5 - Set skin to lineedit part of combobox when mouse hover

In this article we will see how we can set skin to the line edit part of the combo box when mouse hover over it. Line edit is the part which is used to enter and view the item. Skin is basically background image which adjust itself according to the size of line edit. Steps to do this : 1. Create a c

PyQt5 - Setting background color to ComboBox when mouse hover

In this article we will see how we can set the background color to the combo box when mouse hover over it. By default combo box is of grey color although we can change its color. This background color only appear when mouse hover over the combo box widget. In order to do this we have to change the s

PyQt5 - Set background image to view part of ComboBox

In this article we will see how we can set background image to the view part of the combo box, view part of combo box is the drop down menu in which all the items are shown. In order to add or retrieve view object to combo box we use setView and view method. Below is the representation of how backgr

PyQt5 - Add border to editable off state ComboBox when mouse hover

In this article we will see how we can add border to the editable combo box when it is in off state and mouse hover over it. OFF state is basically when the combo box list view is not open. This customized border appear only when combo box will be in off state and is editable and mouse hover over it