QT开发中的问题-样式不起作用

原创已于 2025-07-31 15:47:14 修改 · 716 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

开发中的问题

于 2025-07-31 15:44:35 首次发布

开发中遇到的问题

@[TOC](开发中遇到的问题)

分析原因
解决方法

Tips：推荐在QtDesigner或者QtCreator中设置控件样式，查看显示效果，再移到代码或者QSS中设置。

分析原因

这种分为两种情况，一种是使用样式表去应用样式不起作用，一种是使用QSS文件加载样式不起作用；

情况一：样式覆盖(代码内样式)
我们首先说第一种情况：在代码中我们使用setStyleSheet方法去设置某一个控件的样式时，会发现设置的样式并不生效，这个可能是因为样式覆盖的问题，解决方法就是看下有没有多次使用setStyleSheet方法去设置同一个控件的样式，所以就导致生效的样式指向了最后一次设置的样式，注意这种情况下，尽量检查下父控件的样式中有没有设置出问题的控件的样式，如果设置了的话也会覆盖样式，

情况二：样式覆盖(QSS样式表)
当我们使用QSS样式表时，载入的是文件QSS文件，然后使用setStyleSheet去设置样式，这种方式对于一些大的项目来说，样式是比较好管理的，但是有时候也会出现样式覆盖的问题(此外可能会导致程序生成时时间过长的问题，后面的文章再说)，所以要注意样式的生效时间

情况三：样式错误
这个错误一般分为选择器/属性错误和分号缺失错误，因为QT中样式的设置没有检测机制，所以写错了就可能导致设置的样式达不到效果，甚至影响到正常的样式显示。例如下面的例子

/*选择器/属性错误*/
QpushButton	/*不生效 p为大写*/
{
	Border:1px solid black;	/*不生效 b为小写*/
}

QPushButton:hovr		/*不生效 应该为hover*/
{
	
}

/*分号缺失错误*/
QWidget{
	background-color: rgb(120, 120, 120);
	border: 0.5px solid #6A6A6A;
}
QPushButton{
	color: rgb(250,250,250);
	padding: 3px 10px					/*这里少了个分号，前面的QWidget样式不受影响，这个QPushButton的所有样式不起作用 后面的QLabel样式也不起作用*/
	border-radius:4px;
	font: 13px "Microsoft YaHei";
	text-align: center;
}
QLabel{
	background-color: rgb(120, 120, 120); 
	border: 0.5px solid #6A6A6A;
}

情况四：对象错误
在Qt中，有许多控件有自己的子控件，比如说你要设置QScrollBar的滚动条的样式，你不能直接使用QScrollBar去设置，你必须使用类似QScrollBar::handle(滚动条的手柄部分)这样的样式去设置，所以样式不生效时请注意设置样式的对象是否正确。

解决方法

针对第一种情况的解决办法就是：统一设置样式，多个控件的样式都写在最顶层的控件中去设置，使用类选择器或者ID选择器的方式去设置独特控件的样式例如下面的例子

QString s1 = "R(
	#button
	{
		border:1px solid black;
	}
)"
button->setStyleSheet(s1);

QString s2 = "R(
	#line
	{
		background:red;
	}
)"
line->setStyleSheet(s2);

/*以上是将两个控件单独分开设置 假设上面两个控件都有共同的父控件widget 那可以像下面一样写*/
QString s3 = "R(
	#button
	{
		border:1px solid black;
	}
	
	#line
	{
		background:red;
	}
)"

widget->setStyleSheet(s3);		/*统一设置*/