QT修改QPushButton的背景色和文字颜色

最新推荐文章于 2025-05-15 14:16:24 发布

原创最新推荐文章于 2025-05-15 14:16:24 发布 · 3.4w 阅读

153 ·

CC 4.0 BY-SA版权

QT 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用Qt设计工具自定义GUI应用中的按钮样式，包括文字颜色、背景色及不同状态下的样式变化，并提供了详细的代码示例。

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

首先新建一个GUI应用

打开界面文件，或者新建一个

将pushbutton拖进去

在属性栏找到stylesheet，点击旁边的省略号

点击【添加颜色】，选择color修改文字颜色，选择background-color修改背景色。

也可以直接通过代码来修改按钮背景色

ui.loginBtn->setStyleSheet("color: rgb(255, 255, 255); background-color: rgb(255, 0, 0);");

默认样式：

QPushButton {
background-color: rgb(0, 150, 0);
color: rgb(255, 255, 255);
color: white;                    /* 文字颜色 */
background-color: #473C8B;       /* 背景色 */
border-style: outset;            /* 边框风格 */
border-width: 2px;               /* 边框宽度 */
border-radius: 5px;              /* 边框圆角 */
border-color: #8B7355;           /* 边框颜色 */
font: bold 14px;                 /* 字体 */
min-width: 2em;                  /* 控件最小宽度 */
min-height: 2px;                 /* 控件最小高度 */
font-family: 华文新魏;            /* 字库 */
padding: 5px;                    /* 内边距 */
padding-left:6px;                /* 文字横向偏移 */
padding-top:6px;                 /* 文字纵向偏移 */
}

按钮点击样式：

QPushButton:pressed {
background-color: #1E90FF;
}

按钮鼠标悬停样式：

QPushButton:hover {
background-color: rgb(100, 100, 100);
}

按钮禁用样式：

QPushButton:!enabled {
background-color: rgb(100, 100, 100);
}

调整边框风格时，需要先设置border-width >= 1

border-style属性值	含义
none	定义无边框。
hidden	与 “none” 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。

官方参考资料