QPushButton样式设置

最新推荐文章于 2025-05-02 15:45:01 发布
最新推荐文章于 2025-05-02 15:45:01 发布
阅读量6k 收藏 95
点赞数 8
CC 4.0 BY-SA版权
分类专栏： QtAndroid转载文章 文章标签： QPushButton样式表 样式表设置
原文链接：https://blog.youkuaiyun.com/qq_23208659/article/details/108407022
本文详细介绍了如何通过CSS样式改变无样式的QPushButton的各种属性，包括字体颜色、字体、字号、背景、边框、圆角、内边距、对齐方式、装饰线以及背景渐变等。同时探讨了按钮在不同状态下的样式设置，如禁用、选中和点击时的效果，以及解决:checked无效的问题和互斥设置技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

无样式的按钮

在这里插入图片描述

改变字体颜色

color:#ff0000;

在这里插入图片描述

改变字体

font-family:Microsoft Yahei;

在这里插入图片描述

改变字号

font-size:15pt;

在这里插入图片描述

改变背景颜色

background-color:#c3e9e5;

在这里插入图片描述

设置上边框为2个像素，样式为实线，颜色为黑色

border-top:2px solid #000000;

在这里插入图片描述

设置所有边框为2个像素，样式为实线，颜色为黑色

border:2px solid #000000;

在这里插入图片描述

设置左上角圆角为：10px

border-top-left-radius:10px;

在这里插入图片描述

设置圆角都为：10px

border-radius:10px;

在这里插入图片描述

设置上内边距为：8px；文字向下移动

padding-top:8px;

在这里插入图片描述

文字左对齐

text-align:left;

在这里插入图片描述

给文字加,下划线

text-decoration:underline;

在这里插入图片描述

给文字加,删除线

text-decoration:line-through;

在这里插入图片描述

给文字加, 上划线

text-decoration:overline;

在这里插入图片描述

背景渐变色（从上往下线性渐变）

background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                      stop: 0 #ff0000, stop: 0.4 #00ff00,
                                      stop: 0.5 #0000ff, stop: 1.0 #ffffff);

在这里插入图片描述

渐变色（从左往右线性渐变）

background-color:qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
                                      stop: 0 #ff0000, stop: 0.4 #00ff00,
                                      stop: 0.5 #0000ff, stop: 1.0 #ffffff);

在这里插入图片描述

渐变色（从里到外径向渐变）

background-color:qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5,fx:0.5, fy:0.5,
                                     stop:0 #ff0000, stop:0.4 #00ff00,
                                     stop:0.5 #0000ff,stop:1 #ffffff);

在这里插入图片描述

渐变色（角度渐变）

background-color:qconicalgradient(cx:0.5, cy:0.5, angle:0,
                                      stop:0 #ff0000, stop:0.4 #00ff00,
                                      stop:0.5 #0000ff,stop:1 #ffffff);

在这里插入图片描述

加图标

image:url(":/delete.png");

在这里插入图片描述

加背景图标

background-image:url(":/delete.png");

在这里插入图片描述

加边界图标

border-image:url(":/delete.png");

在这里插入图片描述

设置轮廓样式

outline: 1px solid #0000ff;/*设置轮廓样式*/
background-color: #cccccc;
color: #ff0000;
border-radius: 4px;
padding: 2px;

在这里插入图片描述

按钮禁用时，设置样式

QPushButton:disabled {
  /*设置禁用时按钮的样式*/
}

按钮选中时，设置样式

QPushButton:checked:disabled {
  /*设置选中并且禁用时按钮的样式*/
}

点击按钮时，设置样式

QPushButton:pressed {
  /*设置点击按钮时按钮的样式*/
}

鼠标悬浮在按钮上时，设置样式

QPushButton:hover {

}

问题，设置QPushButton:checked无效果

需要先设置按钮checkable属性为true，然后样式设置checked

如果要设置互斥，需要设置setAutoExclusive为true

【Qt 按钮】QPushButton所有函数和样式
m0_45463480的博客
11-26 7256
【Qt 按钮】QPushButton所有函数和样式 一、QSS语句 （界面样式大全） 二、 构造函数 三、Geometry （获取属性） 四、 QFont 五、setFont 六、text 七、setText 八、move 九、resize 十、adjustSize[按钮自动适应文本大小] 十一、setFocus 十二、hasFocus 十三、clearFocus 十四、setCursor 十五、setDisabled 十六、setProperty 十七、setEnabled 十八、setVisible (
QT pushbutton样式表(记录一下)
qq_40574616的博客
03-12 738
QPushButton:menu-indicator:hover, QPushButton:menu-indicator:open { /* 鼠标悬浮在菜单指示器上和菜单指示器启用时的状态 */QPushButton:checked:pressed { /* QPushButton处于可选中且鼠标按压在QPushButton上时的状态 *//* 菜单指示器的图像 *//* QPushButton边框的宽度、样式和颜色 */QMenu::item:selected { /* 菜单项处于选中时的状态 */
QPushButton样式表
技术学习
04-03 248
目录常用属性常用伪状态三级目录 常用属性 属性 类型 描述 border Border 边框 border-top Border 上边框 border-right Border 右边框 border-bottom Border 下边框 border-left Border 左边框 border-color Box Colors 边框颜色 border-top-color Brush 上边框颜色 border-right-color Brush 右边框颜色 bo
QT中的QSS---界面美化
最新发布
m0_73933978的博客
05-02 1197
QSS是Qt中能够针对界面的样式进行设置，如：大小，位置，颜色，背景，间距，字体等与CSS功能一致基本语法选择器属性名：属性值;选择器描述了当前样式针对哪类/个控件生效属性名：属性值是对某些样式进行具体的设置，可以有多个如：创建继承自widget的文件进行实现在ui界面创建一个按钮在widget构造函数通过QSS进行指定控件后，此时的样式就会针对指定的控件生效，也会对指定控件的子控件生效在ui界面再创建一个按钮，直接指定控件类型，而不是控件样式对此类型所有控件生效。
Qt 自定义QPushButton样式表
12-02
自定义QPushButton样式，通过选择背景渐变、边框、字体、字号、鼠标移入移出切换、点击态等自动生成样式code，然后调用setStyleSheet().....
【代码工具】Qt 自定义QPushButton样式表(灵活选择)
09-12
【源码可运行】自定义QPushButton样式，通过选择背景渐变、边框、字体、字号、鼠标移入移出切换、点击态等自动生成样式code，然后调用setStyleSheet()。
QPUSHBUTTON 样式设置
11-28
在Qt中，QPushButton是一种用于触发动作的控件，其样式可以通过CSS样式表（QSS）来进行设置。以下是一些基本的样式设置示例： ```css QPushButton { background-color: #4CAF50; /* 设置按钮的基础背景色 */ ...
大部分qpushbutton样式设置除却特殊的按钮
09-27
大部分QPushButton（Qt中的推动式按钮）样式设置通常包括以下几个方面： 1. **基础样式**：你可以通过`setStyleSheet()`方法应用CSS样本来改变按钮的基本外观，比如背景颜色、前景文字颜色、边框样式等。例如： ``...
QT-按钮风格+QPushButton样式
12-02
通过选择不同参数，实时渲染按钮的样式，并且实时生成QSS代码，直接使用即可达到想要的效果，很方便。。
Qt 自定义QPushButton样式表(实时生成QSS)
11-20
源码可直接编译运行，自定义QPushButton样式，通过选择背景渐变、边框、字体、字号、鼠标移入移出切换、点击态、圆角设置等自动生成样式code，然后调用setStyleSheet()。
Qt QPushButton样式表
weixin_58125846的博客
10-27 3110
Qt按钮样式表
qpushbutton 样式表
qq_27726087的博客
04-19 1056
pushbutton样式表记录
「QT」QSS样式表 之 QPushButton 按钮样式表
何曾参静谧的博客
11-25 1578
本文将详细介绍QPushButton的样式表，特别是伪状态选择器和子控件选择器的使用。本文详细介绍了QPushButton的样式表，特别是伪状态选择器和子控件选择器的使用。通过上述示例，我们可以看到QPushButton的样式表提供了丰富的定制选项，使得开发者能够根据需要轻松创建出符合要求的按钮外观。上述代码将QPushButton的字体设置为18像素的微软雅黑，文本颜色为白色，背景颜色为浅灰色，并添加了圆角边框。QPushButton的样式表可以通过设置字体、颜色、边框、背景等属性来改变按钮的外观。
Qt的QPushButton样式设置
佳乐的博客
02-15 1484
/ 使用自定义绘制（需继承QPushButton重写paintEvent）protected:// 自定义绘制代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值