Qt中使用Qss修改边框宽度，字体颜色，修改选择时背景色和字体颜色

最新推荐文章于 2025-07-12 18:54:18 发布
最新推荐文章于 2025-07-12 18:54:18 发布
阅读量9.5k 收藏 2
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39742146/article/details/84242105 
以Dialog为例
setStyleSheet("QDialog {border: 1px solid #CCCCCC;}");
以LineEdit为例
setStyleSheet("color:white");
以日历为例
setStyleSheet(
                            "QCalendarWidget QTableView  "
                            "{ "
                            "alternate-background-color:rgb(184, 184, 184);"
                            "background-color:rgb(184, 184, 184);"
                            "} "
                            " QCalendarWidget QAbstractItemView:enabled  "
                            "{ "
                               " selection-color:black;"
                            "  selection-background-color: white;  "
                             "};"
                        );

 

C++交流群：585225803

【二十九】【QT开发应用】初步认识QSS,字体样式,边框样式,边框圆角,文字位置,背景样式,动态悬浮样式
m0_74163972的博客
10-07 1634
Qt 中的 QSS（Qt Style Sheets）类似于 CSS，用于自定义 Qt 应用程序中控件的外观和样式。通过 QSS，开发者可以灵活地改变窗口、按钮、标签等控件的颜色、字体、边框、间距等视觉元素，而不需要深入到绘制逻辑中。
【Qt】使用QSS设置不同颜色边框(1px)存在压盖现象
qq_40271685的博客
05-11 988
在某些场景下需要使用QSS对边框设置不同的颜色。假设分别对左、上和下分别设置绿色，右设置为蓝色。这时候会发现右边框没有从第一个像素画到最底部，右边框第一个像素被上边框压盖掉了。
QT怎么设置字体轮廓、字体位置、字体样式、字体间距、窗口背景色大小、隐藏鼠标图标
12-14
QT怎么设置字体轮廓、字体位置、字体样式、字体间距、窗口背景色大小、隐藏鼠标图标
Qt之对话框设计——利用QPalette改变控件颜色
weixin_33862514的博客
11-18 1489
QPalette类相当于对话框或控件的调色板，它管理着控件或窗体的所有颜色信息，每个窗体或控件都包含一个QPalette对象，在显示时按照它的QPalette对象中对各部分各状态下的颜色的描述来进行绘制。 QPalette类有两个基本的概念，一个是ColorGroup，另一个是ColorRole。 void QPalette::setColor ( ColorRole role, const ...
QT中设计qss字体样式但是没有用【已解决】
2301_76682353的博客
07-12 219
【代码】QT中设计qss字体样式但是没有用【已解决】
Qt之设置QWidget背景色
weixin_33724659的博客
12-19 3645
简述 QWidget是所有用户界面对象的基类，这意味着可以用同样的方法为其它子类控件改变背景颜色。 Qt中窗口背景的设置，下面介绍三种方法。 使用QPalette 使用Style Sheet 绘图事件 一般我不用QSS设置窗口背景，也不建议使用。（这里是对于窗口而，如果是子部件当然可以）。因为窗口使用QSS设置背景之后，若子...
Qt样式表：美化字体选择框
友善啊，朋友的博客
04-21 880
QDialog dialog; QPalette palette; palette.setColor(QPalette::Background,QColor(255,255,255)); dialog.setAutoFillBackground(true); dialog.setPalette(palette); dialog.setWindowFlags(Qt::Dialog|Qt::WindowCloseButtonHint); dialog.s...
QT QSS设置炫彩字体
歌者的博客
09-14 6325
QPushButton { background-color: rgb(35,35,35); border:2px solid rgb(35,35,35); font: 87 12pt "Arial Black"; color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 0, 0, 255), stop:0.166 rgba(255, 255, 0, 255), stop:0.3.
QTableWidget 实现鼠标划过时，整行背景颜色及字体边框的变化
12-21
这就是如何在Qt的QTableWidget中实现鼠标划过时整行背景颜色和字体边框变化的基本步骤。这个过程涉及到对Qt事件处理机制的理解，以及对QTableWidget特性的掌握。希望这个详解能够帮助你完成你的项目。如果你需要更...
qss.rar_Qt qss_qt qss下载_qt qss 下载_qt setstysheet
07-15
可以设置控件的基本颜色，例如按钮的背景色和文字色： ```cpp QPushButton *button = new QPushButton("点击我"); button->setStyleSheet("QPushButton {background-color: #336699; color: white;}"); ``` 这...
Qt的Qss使用源码
12-24
你可以设置背景颜色、边框、字体、尺寸等属性，甚至可以实现复杂的布局和动画效果。例如，为一个QPushButton设置红色背景和白色文字，QSS代码可能如下： ```qss QPushButton { background-color: red; color: ...
Qt5.9中QSS（qt Style Sheet）用法之一设置按钮颜色和背景色（设置按钮间相互间隔、设置按钮与周围边缘间隔）
净无邪博客
06-20 7067
本博客主要总结用QSS（qt Style Sheet/qt样式表）来设置QPushButton的背景色和字体颜色用法。 在Qt中，常用控件都可以用QSS来设置颜色和背景，下面本文将举一个实例，示范QSS用法。本文实例的主要内容是，设置两个pushbutton按钮的字体颜色和背景色。同时，本文也总结了利用布局管理器，设置两个按钮跟上下空间距离，以及两个按钮相互之间距离，具体的实例如下代码所示： ...
Qt 边框border - qss样式
弘毅_hao的博客
09-14 5120
Qt 边框border - qss样式
【Qt开发笔记】关于Linux系统（Ubuntu14.04）上QComboBox/QCheckBox设置qss样式表字体颜色color属性不生效或QComboBox只对下拉列表生效的解决方案
专注Qt与C++开发
11-22 3577
1.问题描述 在Ubuntu（目前测试的Ubuntu14.04，虚拟机VMware14）系统中对QComboBox设置qss样式时，对其设置color属性不生效或只对下拉列表生效的。 1.编辑只设置了color属性（如下图）。 QComboBox { color: rgb(255, 0, 0); } 2.运行 QComboBox本身正常状态下，字体颜色没有改变，设置的color属性此时无效（如...
QSS中QTableview的表头和边框border设置
热门推荐
净无邪博客
09-16 1万+
先屏蔽边框，然后分别设置边框上下左右的边线。其中在QTableview中，要设置表头，要按照如下方式写法才有效，代码如下： "QHeaderView::section, QTableCornerButton::section {padding: 1px;border: none;border-bottom: 1px solid rgb(75, 120, 154);border-right: 1...
QTableView修改单元格颜色及禁止单元格数据编辑
qq_38082979的博客
04-24 5098
1.添加数据 void Reader::AddTableView(QTableView* tv, QMap<QString, QString> mData) { QStandardItemModel* model = new QStandardItemModel(); model->setColumnCount(2); model->setHeaderData(0, Qt::Horizontal, QString::fromLocal8Bit("Addr")); mode
QTableView中修改某个单元格或者行或者列内容颜色
weixin_30483697的博客
01-04 2787
QTableView的单元格内容实现还是继承了TableViewModel类的data(constQModelIndex&index,introle)const函数，那个设置颜色的问题也就在这个里面实现了。 1、设置某个单元格颜色 1 QVariant TableViewModel::data(const QModelIndex &index, ...
QSS、QDateEdit、QCalendarWidget自定义设置
weixin_43246170的博客
12-29 4938
日期编辑器的样式只需要设置qss即可。 m_dateedit->setStyleSheet("QDateEdit#MDateEdit{background:#4455ff;color:white;selection-color:yellow;" "font-size:24px;" "border-radius:5px;" ..
Qt / 动态的切换控件样式的方法
布袋和尚
06-05 1466
1、通过 setStyleSheet 设置不同的样式。缺点是不同的样式分散在不同的代码中，无法集中管理。 2、通过切换属性的方法设置不同的样式。 可以将样式集中写在 q's
qss设置qlabel的边框线和字体颜色
最新发布
08-01
<think>我们被要求使用QSS设置QLabel的边框和字体颜色。根据引用内容，我们可以使用类似CSS的语法来实现。 具体步骤： 1. 创建一个QLabel对象。 2. 使用setStyleSheet方法设置样式表，其中包含边框和字体颜色的属性。 根据引用[1]：设置边框可以使用"border: 2px solid gray"这样的样式。 根据引用[3]：设置字体颜色可以使用"color: rgb(230,230,230)"这样的样式。 因此，我们可以将两者组合在一个样式表字符串中。 示例代码： */ #include <QLabel> #include <QApplication> int main(int argc, char *argv[]) { QApplication a(argc, argv); // 创建一个QLabel QLabel *label = new QLabel("Hello, World!"); // 设置样式表：边框为2像素宽的实线，灰色；字体颜色为白色（或者自定义RGB值） label->setStyleSheet("border: 2px solid gray; color: white;"); // 也可以使用RGB指定字体颜色，例如：color: rgb(255, 255, 255); // 或者使用十六进制：color: #FFFFFF; label->show(); return a.exec(); } /* 上述代码中，我们同时设置了边框和字体颜色。注意，样式表属性之间用分号隔开。 另外，引用[4]提到，QSS中还可以对边框进行更详细的设置，比如单独设置某一边的边框，或者设置边框圆角等。 例如，如果我们想设置红色字体，蓝色上边框，绿色下边框，并带有圆角，可以这样写： */ label->setStyleSheet( "color: red;" "border-top: 2px solid blue;" "border-bottom: 2px solid green;" "border-left: 2px solid blue;" "border-right: 2px solid blue;" "border-top-left-radius: 10px;" "border-top-right-radius: 10px;" ); /* 或者使用简写方式设置边框，然后单独设置圆角： */ label->setStyleSheet( "color: red;" "border: 2px solid blue;" "border-bottom: 2px solid green;" // 覆盖底边框 "border-radius: 10px;" // 设置四个角都是10px圆角 ); /* 注意：后设置的属性会覆盖前面相同的属性（如果冲突），所以上面的例子中，我们先用border设置所有边框为蓝色，然后再将底边框覆盖为绿色。 另外，引用[3]还提到可以设置背景色、字体等，如果需要也可以一并设置。 总结： 使用QSS设置QLabel的边框和字体颜色，主要就是通过setStyleSheet方法，传入一个包含border和color属性的字符串。 相关问题： 1. 如何设置QLabel的圆角边框？ 2. 如何设置QLabel的背景颜色？ 3. 如何设置QLabel的字体大小和字体类型？ 4. 如何设置QLabel的内边距（padding）？ 5. 如何设置QLabel的文本对齐方式（居中等）？</think>### 使用 QSS 设置 QLabel 边框和字体颜色 #### 核心语法 ```css QLabel { border: [宽度] [样式] [颜色]; /* 边框设置 */ color: [颜色值]; /* 字体颜色设置 */ } ``` #### 完整示例代码 ```cpp #include <QApplication> #include <QLabel> int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建 QLabel QLabel label("样式表示例"); label.setObjectName("customLabel"); // 设置对象名用于定向样式 // 设置 QSS 样式表 label.setStyleSheet( "QLabel#customLabel {" " border: 3px solid #FF5733;" // 3像素橙色实线边框 " border-radius: 10px;" // 10像素圆角边框 " color: #2E86C1;" // 蓝色字体 " background-color: #F4F6F7;" // 浅灰色背景 " padding: 15px;" // 内边距 " font: bold 16px 'Microsoft YaHei';" // 加粗微软雅黑字体 "}" ); label.resize(300, 150); label.show(); return app.exec(); } ``` #### 关键属性详解 1. **边框设置**： - `border-width`: 边框宽度（如 `2px`） - `border-style`: 边框样式（`solid` 实线，`dotted` 点线，`dashed` 虚线） - `border-color`: 边框颜色（支持十六进制/RGB/颜色名） - `border-radius`: 圆角半径（如 `5px`）[^4] 2. **字体颜色**： - `color`: 文本颜色（如 `#FFFFFF` 白色） - 支持格式： ```css color: red; /* 颜色名 */ color: #FF0000; /* 十六进制 */ color: rgb(255, 0, 0); /* RGB */ color: rgba(255, 0, 0, 0.5); /* RGBA带透明度 */ ``` #### 进阶用法 1. **单独设置边框边**： ```css border-top: 2px dashed blue; border-bottom: 3px solid green; ``` 2. **动态状态切换**： ```css QLabel:hover { border: 2px solid gold; color: #E74C3C; } QLabel:pressed { background-color: #AED6F1; } ``` 3. **多标签统一样式**： ```css /* 应用于所有QLabel */ QLabel { border: 1px solid #BDC3C7; color: #2C3E50; } /* 特定类名标签 */ QLabel.title { font-size: 20px; border-bottom: 2px solid #3498DB; } ``` #### 效果示意图 ```mermaid graph LR A[QLabel] --> B[边框属性] A --> C[字体属性] B --> D[宽度 2px] B --> E[样式 solid] B --> F[颜色 #FF5733] B --> G[圆角 5px] C --> H[颜色 #2E86C1] C --> I[字体 微软雅黑] C --> J[字号 16px] ``` --- ### 相关问题 1. 如何为 QLabel 添加渐变背景色？ 2. QSS 中如何实现边框阴影效果？ 3. 如何让 QLabel 的边框响应鼠标悬停事件？ 4. 在 Qt Designer 中如何可视化设置 QSS 样式？ 5. QSS 如何实现动态颜色过渡动画效果？ [^1]: [^2]: [^3]: [^4]:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值