QSS按钮样式设置的坑，按下（pressed）时按钮颜色不变化

最新推荐文章于 2024-08-16 09:44:29 发布

Sparrow_du

最新推荐文章于 2024-08-16 09:44:29 发布

阅读量4.5k

点赞数 3

分类专栏： QT

本文链接：https://blog.csdn.net/Sparrow_du/article/details/109077814

版权

QT 专栏收录该内容

55 篇文章 7 订阅

订阅专栏

这篇博客探讨了在Qt中使用样式表为QPushButton设置颜色的效果。正确的配置区分了按钮的正常、禁用和按下状态，确保了视觉反馈的清晰。错误的配置中，enabled状态的优先级高于pressed状态，导致按钮按下时颜色无法改变，影响用户体验。

摘要由CSDN通过智能技术生成

正确的设置：按钮颜色、disable后的颜色、按下的颜色

QPushButton:focus{outline: none;}
QPushButton
{
    color: white;
    border:hide;
    border-radius:2px;
    padding:0px 0px;
    background-color: rgb(51,51,51);
}
QPushButton:!enabled
{
    color: gray;
    border:hide;
    border-radius:2px;
    padding:0px 0px;
    background-color: rgb(100,100,100);
}
QPushButton:pressed
{
    background-color:rgb(200 , 200 , 200);
    padding-left:2px;
    padding-top:2px;
}

错误的设置：按钮颜色、enabled颜色、按下颜色

QPushButton:focus{outline: none;}
QPushButton
{
    color: gray;
    border:hide;
    border-radius:2px;
    padding:0px 0px;
    background-color: rgb(100,100,100);
}
QPushButton:enabled
{

color: white;
    border:hide;
    border-radius:2px;
    padding:0px 0px;
    background-color: rgb(51,51,51);
}

QPushButton:pressed
{
    background-color:rgb(200 , 200 , 200);
    padding-left:2px;
    padding-top:2px;
}

会发现按钮按下时，颜色不会发生变化，原因时enabled状态优先级更高。