1. QSS的作用

几乎和 CSS 一模一样,用来设计界面组件样式

2. QSS的句法

一般句法格式

1
2
3
4
5
6
QTextEdit {
background-color: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
font-size: 14px; /* 字体大小 */
}

选择器

支持 CSS2 中定义的所有选择器

image-20240715135623009

子控件

对于一些组合的界面组件,需要对子控件进行选择,如

1
QComboBox::drop-down{}

image-20240715141134752

伪状态

伪状态使得样式规则只能应用于某个状态,这就是一种条件应用规则。伪状态出现在选择器后面,用一个冒号(:)隔开。示例如下,

1
2
3
QLineEdit:hover{
background-color: black;
}

这表明当鼠标移动到QLineEdit上方时,该表 QLineEdit的背景色。

image-20240715142704943

属性


© 2024 Montee | Powered by Hexo | Theme stellar


Static Badge