【QSS样式表 - ⑤】：QLineEdit控件样式

街三仔2024-12-23 14:13

文章目录

QLineEdit控件样式
- [QSS示例1 - select-](#QSS示例1 - select-)
- [QSS示例2 - read-only](#QSS示例2 - read-only)
- [QSS示例3 - echoMode](#QSS示例3 - echoMode)
- [QSS示例4 - 自定义密码模式](#QSS示例4 - 自定义密码模式)

QLineEdit控件样式

常用属性
常用选择器

QSS示例1 - select-

代码：

css 复制代码

QLineEdit{
	selection-color: red;
	selection-background-color: yellow;
}

QSS示例2 - read-only

代码：

css 复制代码

QLineEdit{
	/*设置控件为只读*/
	qproperty-readOnly: true;
	border-style: insert;
}

QLineEdit:read-only {
	border-color: red;
	background-color: red;
}

QSS示例3 - echoMode

当设置为密码模式时。

代码：

cpp 复制代码

QLineEdit[echoMode="2"] {
	color: red;
	font-size: 20px;
}

QSS示例4 - 自定义密码模式

代码

css 复制代码

QLineEdit {
	/*设置为密码模式*/
	qporperty-echoMode: 2;
}

QLineEdit[echoMode="0"] {
	lineedit-password-character: 10084;
	lineedit-password-mask-delay: 1000;
}