Qt 添加 样式（styleSheet）

最新推荐文章于 2026-04-15 11:26:39 发布
原创 最新推荐文章于 2026-04-15 11:26:39 发布 · 7.3k 阅读 · 12

Qt 添加 样式（styleSheet）

在学习Qt的过程中，在Qt Creator里面，通过选择UI或者对应的里面的控件，在其属性中，即styleSheet中，在随后弹出的对话框中可以编辑样式，非常好用！
在这里插入图片描述
在styleSheet中编辑具体的样式表，在这里面编辑的样式还能随时看到这个样式是否正确，编辑完样式回到前面就会看到生效的样式！
在这里插入图片描述

附：一个widght中总的样式
在这里插入图片描述
里面Hz这个QLabel单独的样式在这里插入图片描述
附：总的介绍
Qt样式表的术语和语法规则与HTML CSS基本相同。

一、样式规则
样式表包含了一系列的样式规则，每个样式规则由选择器（Sekector)和声明（declaration)组成。选择器制定了受规则影响的部件，声明指定了这个部件上要设置的属性。例如：

QPushButton{color:red}这个规则指定了QPushButton和它的子类使用红色作为前景色。多个选择器(用逗号隔开）可以指定相同的声明，如下

QPuButton,QLineEdi

最低0.47元/天 解锁文章
Qt控件样式设置、QSS语法介绍
07-25 1349
本篇文章介绍使用QSS语法和样式表设置办法，来创建自定义、漂亮的QT应用程序界面。
QT学习记录-样式表属性整理
m0_37837218的博客
01-17 462
修改某一类控件如QWidget QWidget{ border:1px solid gray; background:blue; } 修改某一类指定的控件 QWidget#MyWidget{ background:blue; } 整个界面那个多控件要设置stylesheet，个人感觉最方便的方法就是写在一个qss文件中，然后项目工程添加资源，读取文件设置，例如: void MyWidget::lo...
QT styleSheet——控件设置样式表
qq_41841073的博客
02-05 1033
QT开发中，需要设置多种多样的控件表现形式，QT实现的styleSheet能够满足多种多样的场景，这里简单的记录下一些我常用的。
QT StyleSheet常见用法和样式
ZeroSpace
11-04 9791
QT styleSheet是快速美化界面的神器，本文简单介绍并记录本人经常使用的几种styleSheet使用习惯。 单一控件很简单，不详细说明，操作方法是： 控件上右键，如图选择并设置 1.触发式UI随鼠标事件改变 关键词：hover / pressed / checked QPushButton#pushButton:hover{ background-co
别再傻傻用图片了！用Qt的QLabel实现工业级状态指示灯（附完整源码）
最新发布
weixin_26869081的博客
04-15 390
本文详细介绍了如何利用Qt的QLabel控件实现工业级状态指示灯，替代传统的图片方案。通过样式表(StyleSheet)的强大功能，开发者可以轻松创建高性能、可定制化的指示灯，支持多状态管理、闪烁效果和自定义形状，显著提升工业控制软件的开发效率和运行性能。
我的QT Creator学习笔记（十九）——Qt样式表
sinat_41928334的博客
08-02 2837
Qt样式表的术语和语法规则与HTML CSS基本相同。 一、样式规则 样式表包含了一系列的样式规则，每个样式规则由选择器（Sekector)和声明（declaration)组成。选择器制定了受规则影响的部件，声明指定了这个部件上药设置的属性。例如： QPushButton{color:red}这个规则指定了QPushButton和它的子类使用红色作为前景色。多个选择器(用逗号隔开）可以指定相同的声明，如下 QPuButton,QLineEdit,QComBox{color：red} 声明部分也可以
Qt样式表（StyleSheet）学习
qq_38340979的博客
07-31 4101
转自：QT之样式表（样式表规则以及使用大全） 1、QT样式表可以让你自定义任何一个QT控件的样式包括颜色、边框、背景等等（你想的到样式都可以），Qt样式表的概念、术语和语法与HTML的CSS样式表类似。 2、样式表是文本规范， （1） QApplication::setStyleSheet()在整个应用程序上设置，一般在main()函数中： QFile file(":/qss/abc.qss"); //工程控件样式表需要在qss/abc.qss里面 file.open(QFile::ReadOnly);
【PyQt5教程 四】Qt Designer 样式表（styleSheet）实现基本小部件的自定义动态效果和资源浏览器背景添加方法
The_xz的博客
12-10 2447
【代码】【PyQt5教程 四】Qt Designer 实现基本小部件的自定义动态效果和背景添加方法。
qt stylesheet 隐藏_在qt中使用stylesheet，真的很方便
weixin_42197129的博客
12-23 852
我的程序QT Creator下，建空GUI项目，添加一个Widget，然后设计界面：最下面的是Widget，上一层放一个frame，用lineEdit,pushButton排列成这效果就行。接下来添加StyleSheet，创建一个资源文件(.qrc)，比如reso.qrc，首先add一个prefix然后再add你的stylesheet文件进去，注意文件在程序代码中使用的时候，应该在其名字前将pre...
QT样式表StyleSheet(QSS)的使用与加载
BUG之友的博客
01-14 2899
1、相关链接 官网的样式表链接：http://doc.qt.io/archives/qt-4.8/stylesheet.html 各种控件的样式：http://doc.qt.io/archives/qt-4.8/stylesheet-reference.html QSS语法：http://www.w3school.com.cn/css/css_syntax.asp 使用样式表的3种方法：《Qt 之 样式表的使用——设置样式的方法 》https://blog.csdn.net/goforwardtostep/
Qt stylesheet 源码学习
tomhibolu
10-15 821
stylesheet 本文不准备谈样式表的使用。因为Manual中介绍的很清楚了，给的例子也都很不错。再就是我本身对CSS语法不太熟，术语把握不好，qss用的不多。 不过，有两个问题新手似乎特容易迷惑，简单提一下： QWidget直接派生类的样式表不起作用 典型的表述(之一)是，从QWidget派生一个窗口，使用stylesheet设置背景，在designer中可以看到...
QT: 样式表（stylesheet）
吕爽
01-08 6815
QT: Style Sheet
QT样式表 ——styleSheet （样式规则+用法）
仲羊的博客
03-17 3692
书写格式参考文章：https://www.cnblogs.com/that-boy-done/p/11458130.html 一 代码设置 1.QApplication::setStyleSheet() 在应用程序上，一般在main()函数中： QFile file(":/qss/abc.qss"); //工程控件样式表需要在qss/abc.qss里面 file.open(QFile::...
Qt之样式表使用（十一）
weixin_47006346的博客
12-19 2124
Qt是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的功能来创建美观和响应式的用户界面。样式表（Stylesheet）在Qt中用于自定义控件的外观，类似于CSS在网页中的作用。Qt样式表允许你改变窗口部件（widgets）的颜色、字体、边距等属性，使你的应用程序更具吸引力。 Qt样式表的使用也有多重方式，可以直接在项目中添加代码更换、可以在可视化界面UI上添加更改、也可以通过qss文件导入的方式进行更改。
【Qt styleSheet样式表】
ZTH_G的博客
06-23 3461
下表列出了 Qt 样式表支持的所有属性。可以为属性赋予哪些值取决于。的属性为Qt特定的，在 CSS2 或 CSS3 中没有等效项。除非另有说明，否则以下属性适用于所有小部件。
【Qt开发】StyleSheet使用总结
码农code之路
04-23 9470
概述 转眼七年过去了，我是一个彻底拥抱过MFC的人，记得老大的一个需求要把按钮做成圆角，并添加背景颜色，做前端html的可能认为很简单，然而放到MFC上那可真的是很...很麻烦的，自定义类继承Button，新手估计还搞不定，怎么也有上百行代码，实在不友好，Qt诞生大大简化了这些工作，只需要使用QSS（QtStyleSheet）就可以轻松做到，最近详细了解了QSS，做了个百度网盘的登录界面，...
QT 用户界面美工
maonianlove的博客
05-28 1131
  在涉及到Qt 部件美工变成的时候首先要掌握CSS 级联样式表      级联样式表 (CSS) 包含应用于网页中的元素的样式规则。CSS 样式定义元素的显示方式以及元素在页中的放置位置。可以创建一个通用规则，只要 Web 浏览器遇到一个元素实例，或遇到一个分配给某个特定样式类的元素，该规则就立刻应用属性，而不是将属性逐个分配给页中的每个元素。   CSS 样式可以通过内联方式放置在单个...
图文讲解：QT样式表StyleSheet的使用与加载
热门推荐
野生猿-群号1025127672
04-15 4万+
目录 0、相关链接 1、在设计师界面上直接添加 1.1 注意事项 2、用程序添加样式 2.1 用程序语句添加 2.2用qss文件添加 2.2.1引用qss文件的外部路径 2.2.2引用qss文件的资源路径 3、样式表选择器 0、相关链接 官网的样式表链接：http://doc.qt.io/archives/qt-4.8/stylesheet.html 各种控件的样式...
Qt之QSS样式表
编程与实战的博客
04-10 2837
QSS（Qt Style Sheet）样式表是一种用于描述图形用户界面（GUI）样式的语言。它允许开发者为应用程序的控件定义视觉外观，例如颜色、字体、尺寸和布局等。QSS 样式表的主要目的是提供一种简洁而灵活的方式来美化应用程序的界面，使其具有一致的外观和风格。通过使用 QSS，开发者可以分离界面的样式和功能代码，从而更容易维护和定制界面的外观。QSS 样式表通常以.qss文件的形式保存，其中包含了一系列的样式规则。这些规则使用选择器来指定要应用样式的控件，以及对应的样式属性和值。
【Qt 学习笔记】QWidget的styleSheet属性 | RGB | 在线调色板
小黄鸭的博客
04-14 2612
Qt中的styleSheet属性用于设置界面的样式。它是一个QString类型的属性，可以接受一系列的CSS样式规则。使用styleSheet属性可以实现界面的美化和个性化定制。可以在styleSheet中使用普通的CSS语法和属性，也可以使用QT提供的特殊属性。更详细的用法可以查阅QT的官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值