PyQt5 - Unchecked background color of check box when hover

PyQt5 - Unchecked background color of check box when hover

Last Updated : 28 Apr, 2025

In this article we will see how to set background color to the check box for label part when mouse hover over it and it is in currently unchecked state. In order to do this we have to change the style sheet of the check box and have to add the background color for the unchecked state when mouse hover over it. Below is the style sheet code.

QCheckBox::unchecked:hover
{
background-color : pink;
}

Below is the implementation.

Python3

# 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 the check-box
        checkbox = QCheckBox('Geek ?', self)

        # setting geometry of check box
        checkbox.setGeometry(200, 150, 100, 30)

        # adding background color to the check box label part
        # when it is in unchecked state when mouse hover over it
        checkbox.setStyleSheet("QCheckBox::unchecked:hover"
                               "{"
                               "background-color : pink;"
                               "}")


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

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

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

Output :

PyQt5 - Unchecked background color of check box when hover

R

rakshitarora

Improve

Article Tags :

Practice Tags :

python

Similar Reads

PyQt5 â€“ Unchecked Check Box background when hovering

In this article, we will see how to set background color to the check box for label part when mouse hover and it is in the currently checked state. In order to do this we have to change the style sheet of the check box and have to add the background color for the checked state when mouse hover over

PyQt5 - Background color of unchecked Check Box

In this article we will see how to set color to the check box i.e to the label part when the check box is in unchecked state. We can set background color to the check box but that will remain same for all the states. In order to set background color for the unchecked state we have to change the styl

PyQt5 â€“ Background color of radio button when hover

In this article we will see how we can set background color to radio button when mouse(cursor) hover over the radio button, by default there is no background color set. When mouse hover over the radio button background color will appear. In order to do so we have to change the style sheet code. Belo

PyQt5 â€“ Setting unchecked Check Box indicator background image when hover

In this article we will see how to set background image to indicator of check box when it is in unchecked state and mouse hover. In order to do so we have to change the style sheet of the indicator in the check box for unchecked state and when mouse is moving over it. Below is the style sheet code.

PyQt5 - Background color for pressed check box in unchecked state

In this article we will see how to set the color to the check box when it get pressed while in the unchecked state. By default no pressed color is set to the label part of the check box, although indicator by default has a light blue background color when it get pressed. In order to add background c

PyQt5 â€“ How to change check box background color to when mouse hover

In this article we will see how to set background color to the check box when mouse hover over it. By default there is no background color associated with it. This background color will only appear when mouse hover over it. In order to add background color to the check box we have to change the styl

PyQt5 â€“ Setting checked Check Box indicator background color when hover

In this article we will see how to set background color to indicator of check box when it is in checked state and mouse hover it. In order to do so we have to change the style sheet of the indicator in the check box for checked state and when mouse is moving over it. Below is the style sheet code wh

PyQt5 â€“ Background image of Radio button for unchecked state when hover

In this article we will see how we set background image to radio button when it is in unchecked state and mouse hover over it, by default there is no image set to any state or when mouse hover over it of radio button. In order to set background image to radio button for unchecked state and mouse hov

PyQt5 â€“ Setting background image to check box when hover

In this article we will see how we can set background image to the check box when mouse hover over it, by default there is no background image associated with it. This background image will only appear when mouse hover over it. In order to add background image to the check box we have to change the

PyQt5 â€“ Setting unchecked CheckBox indicator background color on click

In this article we will see how to set background color to the pressed indicator when we press it in the unchecked state. Its color should get change when it is pressed and goes back to the default state for checked state. In order to do this we have to change the style sheet code which is used with