In this article we will see how we can set style sheet to the date edit. Setting style sheet makes the date edit look unique with the help of style sheet we can set color, border and many other things to the date edit.
In order to do this we use setStyleSheet method with the QDateEdit object
Syntax : date.setStyleSheet(code)
Argument : It takes string as argument
Return : It returns None
Below is the sample stylesheet code
QDateEdit
{
border : 2px solid black;
background-color : white;
padding : 5px;
}
QDateEdit::up-arraow
{
border : 2px solid black;
background-color : lightgreen;
}
QDateEdit::down-arrow
{
border : 2px solid black;
background-color : red;
}
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, 500, 400) # calling method self.UiComponents() # showing all the widgets self.show() # method for components def UiComponents(self): # creating a QDateEdit widget date = QDateEdit(self) # setting geometry of the date edit date.setGeometry(100, 100, 200, 40) # alignment a_flag = Qt.AlignCenter # setting alignment of date date.setAlignment(a_flag) # setting style sheet date.setStyleSheet("QDateEdit" "{" "border : 2px solid black;" "background : white;" "padding : 5px;" "}" "QDateEdit::up-arrow" "{" "border : 2px solid black;" "background-color : lightgreen;" "}" "QDateEdit::down-arrow" "{" "border : 2px solid black;" "background-color : red;" "}" ) # create pyqt5 app App = QApplication(sys.argv) # create the instance of our Window window = Window() # start the app sys.exit(App.exec()) |
Output :
