QT QPushButton中设置样式出现异常凹凸的问题

最新推荐文章于 2026-05-12 10:18:01 发布

原创最新推荐文章于 2026-05-12 10:18:01 发布 · 5.7k 阅读

13 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

QT 专栏收录该内容

65 篇文章

订阅专栏

本文探讨了在使用QPushButton设置背景色与底部边框时出现的凸起问题，并提供了三种有效的解决方案，包括调整border属性和使用border-radius来避免界面美观上的瑕疵。

一、设计图
两个互斥的button，然后我只想设置下边框的颜色
在这里插入图片描述
二、设置样式后出现凸起（太丑了）

QPushButton#btnMember { 
  color:rgb(51,51,51);
  font-size: 14px;
  font-family: "微软雅黑";
  //问题就出在下面两行
  //当background-color和border-bottom同时设置就会出现凸起。
  background-color: white;
  border-bottom:1px solid rgb(237, 238, 241);
}

在这里插入图片描述
三、会出现凸起问题的情况

//1.
background-color: white;
border-bottom:1px solid rgb(237, 238, 241);

//2.
background-color: white;
border-left:1px solid rgb(237, 238, 241);
border-bottom:1px solid rgb(237, 238, 241);

//3.
background-color: white;
border-right:1px solid rgb(237, 238, 241);
border-bottom:1px solid rgb(237, 238, 241);

四、解决办法

//第一种（更方便）
background-color: white;
border:0px;
border-bottom:1px solid rgb(237, 238, 241);

//第二种
background-color: white;
border-top:1px solid rgb(237, 238, 241);
border-bottom:1px solid rgb(237, 238, 241);

//第三种
background-color: white;
border-bottom:1px solid rgb(237, 238, 241);
border-radius:4px 0px 0px 4px;