一.效果
![](https://i-blog.csdnimg.cn/blog_migrate/b82c9b0afec0896840ab10b04bda47cd.gif)
二.实现
常用的QPushButton样式表
QPushButton{
outline: 0px /* 去掉获取焦点时的虚线 */
background-color: gray; /* 背景颜色 */
border-radius: 6px; /* 按钮边框的圆角设置 */
/* 按钮背景图标设置 */
background-image: url(:/configIcon.png); /* 背景图片 */
background-origin: content;
background-position: center; /* 背景图片的位置 */
padding-right: 2px;
padding-bottom: 2px;
background-repeat: no-repeat; /* 设置背景图像的平铺模式 */
/* 按钮文本设置 */
text-align: top; /* 文本的位置 */
padding-left: 2px;
padding-top: 2px;
font-size: 12px;
color: #FFFFFF; /* 文本颜色 */
}
1.图标在上
QPushButton
{
outline: 0px;
border: 1px solid lightgray;
background-image: url(:/ico