首先新建一个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规定应该从父元素继承边框样式。

官方参考资料 

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐