如何在 PySide2 中正确使用 CSS

Question

我的代码成功显示“Hello World”。 但是没有应用 CSS 样式。 我不知道如何正确地做到这一点。 如果有人对此主题有一些很好的解释，将不胜感激。

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()
window.setStyleSheet('''
    p {
        font-size: 100px;
    }
''')

label = QLabel('<p>Hello World!</p>', parent=window)

window.show()
app.exec_()

Answer 1

首先，有一个适用于所有小部件的不同 Qt 样式表和一些小部件支持的 html。

Qt StyleSheets 是一种为 QWidget 设置样式和一些属性的简单方法，它基于 CSS 2.1 但适用于 Qt。

相反，一些小部件支持富文本，例如 html，这就是 QLabel 的情况，在这种情况下，样式必须内联

考虑到有几种解决方案：

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

label = QLabel('<p style="font-size: 100px">Hello World!</p>', parent=window)

window.show()
app.exec_()

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()
window.setStyleSheet('''
    QLabel {
        font-size: 100px;
    }
''')

label = QLabel('<p>Hello World!</p>', parent=window)

window.show()
app.exec_()

from PySide2.QtWidgets import QApplication, QLabel, QWidget

app = QApplication([])

window = QWidget()

label = QLabel('<p style="font-size: 100px">Hello World!</p>', parent=window)
font = label.font()
font.setPointSize(100)
label.setFont(font)

window.show()
app.exec_()