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

最新推荐文章于 2025-03-16 21:47:41 发布

daboluo520

最新推荐文章于 2025-03-16 21:47:41 发布

阅读量5.5k

点赞数 2

分类专栏： QT

本文链接：https://blog.youkuaiyun.com/guorong520/article/details/107126554

版权

QT 专栏收录该内容

65 篇文章

订阅专栏

一、设计图
两个互斥的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;