QPushButton的样式表的顺序问题

最新推荐文章于 2024-08-23 13:08:01 发布

foruok

最新推荐文章于 2024-08-23 13:08:01 发布

阅读量4.1k

点赞数 3

分类专栏： Qt 文章标签： Qt QSS 样式表

本文链接：https://blog.csdn.net/foruok/article/details/50425659

版权

Qt 专栏收录该内容

84 篇文章 127 订阅

订阅专栏

今天调一个小界面，遇到了点小问题，使用QPushButton，想使用定制normal、hover、pressed三种状态下的外观，写了个简单的样式表，如下：

#define BUTTON_STYLE "QPushButton{border: 2px solid #35B587; border-radius: 6px; min-width: 60px; min-height: 20px; background: #E4EEFA; color: #000000} "\
    "QPushButton:pressed{border-color: #3FC2C6; color: #000000} "\
    "QPushButton:hover{border-color: #19979A; color: #35B587}"\

注意，上面的样式表，我把pressed状态放在hover前面了，结果呢，你按住鼠标左键，按钮状态楞是不对。琢磨半天，后来，调整了一下顺序，把hover放在pressed前面，结果好啦！

新的样式表如下：

#define BUTTON_STYLE "QPushButton{border: 2px solid #35B587; border-radius: 6px; min-width: 60px; min-height: 20px; background: #E4EEFA; color: #000000} "\
    "QPushButton:hover{border-color: #19979A; color: #35B587}"\
    "QPushButton:pressed{border-color: #3FC2C6; color: #000000} "