PyQT5 （九十四）控件样式表 QSS选择器 使用QSS选择器设置控件样式 案例

 

PyQt5 控件样式表 QSS选择器 案例

使用QSS选择器设置控件样式

import sys

from PyQt5.QtCore import Qt
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import QHBoxLayout, QPushButton, QMessageBox, QApplication, QVBoxLayout, QWidget, \
    QLabel, QGridLayout, QLineEdit, QTextEdit, QFormLayout

'''
PyQt5 控件样式表 QSS选择器 案例

使用QSS选择器设置控件样式

'''


class QSSSelecterDemo(QWidget):

    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        # 设置定位和左上角坐标
        self.setGeometry(300, 300, 360, 260)
        # 设置窗口标题
        self.setWindowTitle('QSS样式 的演示')
        # 设置窗口图标
        # self.setWindowIcon(QIcon('../web.ico'))

        btn1 = QPushButton(self)
        btn1.setText('按钮1')
        btn2 = QPushButton(self)
        btn2.setText('按钮2')
        # 设置name属性
        btn2.setProperty('name','bt2')

        btn3 = QPushButton(self)
        btn3.setText('按钮3')
        # 设置name属性
        btn3.setProperty('name','bt3')

        vbox = QVBoxLayout()
        vbox.addWidget(btn1)
        vbox.addWidget(btn2)
        vbox.addWidget(btn3)

        self.setLayout(vbox)




if __name__ == '__main__':
    app = QApplication(sys.argv)
    # 设置应用图标
    app.setWindowIcon(QIcon('../web.ico'))
    w = QSSSelecterDemo()
    # 使用选择器
    qssStyle = '''
        QPushButton[name="bt2"] {
            background-color:red;
            color:yellow;
            height:120;
            font-size:60px;
        }
        QPushButton[name="bt3"] {
            background-color:blue;
            color:yellow;
            height:60;
            font-size:40px;
        }
    '''
    w.setStyleSheet(qssStyle)
    w.show()
    sys.exit(app.exec_())