关于Qt的Qss样式设置border-radius无效的解决方法！

已于 2023-03-21 17:00:06 修改
阅读量5.3k 收藏 3
点赞数 12
分类专栏： Qt 文章标签： qt css
于 2021-08-28 16:38:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/THIRTEEN713/article/details/119969748
版权

今天在用Qt做练习的时候发现，Qt的样式表设置QPushButton为border-radius:15px;无效，尝试了好多种网上的其他方法，都没用。

little->setStyleSheet(QString("QPushButton{background:url('../LikeMountain/img/lite-btn1.png');border-radius:15px;border:1px solid #ffffff;}"));

最后发现，我border-radius圆角的大小超过了按钮的大小，因为我的按钮大小是29*29，而border-radius：15px的话，是每个角都要弯曲，所以是 15+15就为30了所以就超过了按钮29的大小，就失效了。

然后吧border-radius改成14px；之后就好了

 

THIRTEEN713
关注
  • 12
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
QT 基础入门【QSS篇】QT如何实现圆角效果
吻等离子的博客
03-17 3471
border-radius 设置四个角圆角;
Qt Qss三套样式文件 qss.zip
10-19
此文件为Qt Qss三套样式文件，下载后，在工程中引入使用即可。具体可参考博客： https://tangxing.blog.csdn.net/article/details/109160027
border-radius失效
12-05
border-radius失效
QSS之border-radius失效
qq_36284984的博客
03-17 1112
如果这样写是错误的： border-bottom-radius:6px;//如果只想写这一句代码就要实现底部圆角会无效 必须要分开写： border-bottom-left-radius:6px; border-bottom-right-radius:6px; ...
2024年最全Qt边框border概述_qt border(2)，2024年最新解锁C C++性能优化的五大误区
最新发布
2401_84976641的博客
05-13 555
border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。
【翻译 + 整理】Qt样式表详解（3）：属性——边框相关属性
友善啊，朋友的博客
04-04 6319
1、border：边框。等效于指定边框颜色，边框样式和/或边框宽度。例： QLineEdit { border: 1px solid white } 2、border-top、border-right、border-bottom、border-left：边框的四个边的设置。 3、border-color：边框颜色。若未设置默认为color的设置。 4、border-top-color、border-right-color、border-bottom-color、border-left-color
QT 常见控件样式表（QPushButton、QRadioButton、QCheckBox、QScrollBar、QTableView、QTableWidget、QComboBox、QSlider）
m0_67254672的博客
04-30 1万+
background-image:设置背景图片（根据图片大小） border-image:设置背景图片（根据控件大小） background-color:设置背景颜色 border-color:设置边框颜色 color:设置字体颜色 border:设置边框 例:border:1px solid red; border-radius:设置边框圆角 /*左上 右上 右下 左下*/ border-top-left-radius:设置单个圆角 font：设置字体 text-align: 设置
QT圆角，边框圆角问题
weixin_45827115的博客
12-16 951
（假如border 设置了10px宽度大小，border-radius:设置比较小的话，就会出现，边框是圆的，但是里面的content是直角的，如图2）（想要里面的content和边框都是圆角的话就得把border 的宽度设置为1px 宽，这个时候切圆角时就会把里面的content给切割，如图三）值得注意的是，border-radius:边框圆角的大小和border 的宽没有关系。:第二层，这个可以设置边框的粗细和样式。：为最外层，是空白的，用来做间隔距离。
【 Qtdesigner开发】-笔记
caixin317904的博客
09-11 139
对于多数空间，都有一个sizeHint（期望尺寸），该值是只读的，是Qtdesigner默认的控件尺寸值。sizepolicy是基于sizeHint的尺寸策略。fixed:按sizeHint，大小固定，不能变化minimum:有下限，允许扩展，但不倾向于扩展maximum:有上限，允许被其他部件缩小preferred:合理大小，可以放大缩小，但不倾向于大于sizeHint值expanding:合理大小，可以缩小，但会尽可能获得更多的空间。
Qt-样式表qss练习
03-22
Qt-样式表qss练习
QT使用border-image实现9宫格效果
08-15
在QT上使用border-image实现类似Android 9patch的效果。
qss.rar_Qt qss_qt qss下载_qt qss 下载_qt setstysheet
07-15
Qt中qss和setStyleSheet的5个示例，都是我网上找资料，不足的地方自己写出来的，希望对大家有所帮助。
qss简介大全
houxian1103的博客
05-10 2万+
​ Qt style sheet, 简写就是qss, Qt样式表，不需要用C++代码控件进行重载，就可以修改控件外观，美化界面，类似于前端的css, 但是没有css功能强大.​ 例如下面QLabel的样式设置除了以上样式外，还有很多，qss千变万化，可以写出各种花里胡哨的样式。
【无标题】
qq_39426085的博客
11-05 107
border-radius失效不起作用的原因
border-radius 失效
FE-阿阳的博客
05-30 2828
其实就是父级设置圆角属性失效，父元素使用border-radius和overflow:hidden做成圆形，子元素如果使用了transform属性，则父元素的overflow:hidden会失效。设置了border-radius，也设置了overflow:hidden，预览也没事，就是真机不行。border-radius 失效问题，部分机型的兼容性，实测：ios 14，低版本安卓机型上复现；在父级，就是设置了radius属性的class上加上这两条css就可以了。
QT 中 QPushButton 的qss样式background-color无效
fourpoint的博客
09-22 2767
在设计界面为QPushButton设置了样式 或者在QPushButton的上层对象的样式处设置了按钮的样式。 解决方法：删除设计界面设置的按钮样式，可能在不同层，widget，widget_3或者pushButton_5都有可能。
通过 Qt 样式表实现圆形按钮
qq_33682763的博客
03-13 1万+
通过Qt 的样式表实现圆形按钮，其也可以实现圆角按钮，当然也可以使用其他的方式，比如说，通过派生按钮类使用绘图事件，进行一个图形的绘制，或者是通过自定义一个类，通过信号与槽的机制与绘图事件的配合也能实现！当然每种方法都各有千秋，各有优点，在这里将使用不破坏类机制的方式进行对按钮UI的圆型或者圆角矩形的绘制！ 核心代码： #include “widget.h” #include “ui_wid...
border-radius属性失效问题的解决办法
热门推荐
祈澈菇凉
10-23 3万+
今天调试项目的时候突然发现，设置的border-radius竟然失效了，打开f12，眼看着浏览器把这个属性也给划掉了，不是一般的郁闷，按照道理来说，不应该会出现这样神奇的bug。 图片.png css代码： #photo{ width: 80px; height:80px; border-radius:10px ; } 解决办法：万能的!im...
qss设置border-radius
09-13
在Qt中使用QSS设置QPushButton的border-radius属性时，可以通过以下几种方式来实现。 第一种方式是在样式表中直接设置border-radius属性的值为15px，如下所示： self.Btn1.setStyleSheet("QPushButton{border-radius:15px;}") 第二种方式是使用border-image属性来设置背景图片，并且通过border-radius属性来设置边框的圆角效果，如下所示： self.Btn2.setStyleSheet("QPushButton{border-image:url('../LikeMountain/img/lite-btn1.png'); border-radius:15px;}") 两种方式都可以实现QPushButton的border-radius效果，根据你的需要选择合适的方式进行设置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

THIRTEEN713

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值