PyQt5 QDoubleSpinBox – Setting Stylesheet

Last Updated : 03 Nov, 2022

In this article we will see how we can set stylesheet to the QDoubleSpinBox. Stylesheet is used to set color, background and various styling things of the double spin box. With style sheet we can add border to it and make our own customized double spin box.

In order to do this we will use setStyleSheet method with the double spin box object. Syntax : dd_spin.setStyleSheet(code) Argument : It takes string as argument Return : It returns None

Below is the example style sheet code

QDoubleSpinBox
{
border : 2px solid black;
background : white;
}
QDoubleSpinBox::hover
{
border : 2px solid green;
background : lightgreen;
}
QDoubleSpinBox::up-arrow
{
border : 1px solid black;
background : blue;
}
QDoubleSpinBox::down-arrow
{
border : 1px solid black;
background : red;
}

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, 500, 400)

        # calling method
        self.UiComponents()

        # showing all the widgets
        self.show()

    # method for components
    def UiComponents(self):

        # creating double spin box
        d_spin = QDoubleSpinBox(self)

        # setting geometry to the double spin box
        d_spin.setGeometry(100, 100, 150, 40)

        # setting decimal precision
        d_spin.setDecimals(1)

        # step type
        step_type = QAbstractSpinBox.AdaptiveDecimalStepType

        # adaptive step type
        d_spin.setStepType(step_type)

        # setting style sheet to the double spin box
        d_spin.setStyleSheet("QDoubleSpinBox"
                             "{"
                             "border : 2px solid black;"
                             "background : white;"
                             "}"
                             "QDoubleSpinBox::hover"
                             "{"
                             "border : 2px solid green;"
                             "background : lightgreen;"
                             "}"
                             "QDoubleSpinBox::up-arrow"
                             "{"
                             "border : 1px solid black;"
                             "background : blue;"
                             "}"
                             "QDoubleSpinBox::down-arrow"
                             "{"
                             "border : 1px solid black;"
                             "background : red;"
                             "}"
                             )


        # creating a label
        label = QLabel("GeeksforGeeks", self)

        # setting geometry to the label
        label.setGeometry(100, 200, 300, 80)

        # making label multi line
        label.setWordWrap(True)





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

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

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