QT 自定义控件继承QWidget设置样式无效的办法

最新推荐文章于 2025-06-07 09:45:58 发布

Holy_Water

最新推荐文章于 2025-06-07 09:45:58 发布

阅读量5.4k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： qt

本文链接：https://blog.csdn.net/Holy_Water/article/details/80667350

qt 专栏收录该内容

2 篇文章

订阅专栏

本文解决了QWidget自定义控件无法应用CSS样式的问题，并详细解释了如何通过重载paintEvent()来实现样式显示。此外，还介绍了如何设置QPushButton在hover状态下的边框高亮效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题1：
自定义控件继承QWidget，想要设置QWidget CSS样式，发现无论是在Designer界面还是在代码中设置setStyleSheet均不起作用（style书写没有问题）

解决办法：
css样式需要通过paint才能正常绘制到控件表面，而QWidget的paintEvent()是空的，这就要求我们在继承QWidget的时候重载paintEvent(),如下所示
这里写图片描述

问题2：
想要设置QPushButton在hover的时候边框高亮，使用如下样式
QPushButton
{
border-width:1px
}
QPushButton:hover
{
border-color:rgb(255, 255, 255)
}
结果hover的时候边框并没有高亮
解决办法：
border-style默认为none, 即没有边框，故需要先设置border-style值，border-color属性才会生效
QPushButton:hover
{
border-style:solid;
border-color:rgb(255, 255, 255)
}
borlder-style取值：

border-style : 0、none     无边框（默认）
               1、solid    单实线 
               2、double   双实线
               3、dashed   虚线
               4、dotted   点线
               5、groove   沟线
               6、ridge    脊线
               7、inset    内陷边框
               8、outset   外凸边框