为自定义QWidget实现QSS点击变色效果遇阻，求解决方案

我创建了一个继承自QWidget的自定义控件MyWidget，希望通过外部QSS文件设置样式，实现鼠标点击时背景变色、松开后恢复原色的效果，尝试两种方案均失败：

一、自定义伪状态方案 #

样式表代码：

MyWidget {
  background: rgb(255,0,0);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255,0,0);
  border-radius: 5px;
}

QWidget#MyWidget:pressed {
  background: rgb(0,0,255);
  border-color: rgb(0,0,255);
}

问题：如何让QSS识别MyWidget的"pressed"伪状态？

二、QObject::setProperty()方案 #

样式表代码：

MyWidget {
  background: rgb(255,0,0);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255,0,0);
  border-radius: 5px;
}

QWidget#MyWidget[pressed="true"] {
  background: rgb(0,0,255);
  border-color: rgb(0,0,255);
}

事件处理代码：

void MyWidget::mousePressEvent(QMouseEvent *event)
{
    setProperty("pressed", true);
    QWidget::mousePressEvent(event);
}

void MyWidget::mouseReleaseEvent(QMouseEvent *event)
{
    setProperty("pressed", false);
    QWidget::mouseReleaseEvent(event);
}

问题：点击MyWidget时背景颜色并未改变，求解决思路？

针对方案一：自定义伪状态的问题 #

QSS的内置伪状态（如:pressed）仅对Qt原生控件（QPushButton、QCheckBox等）生效，自定义QWidget默认不会触发这些状态。要让MyWidget支持:pressed伪状态，需要重写event()方法在鼠标事件中发送样式更新通知，或者自定义QStyle扩展状态——但这两种方式复杂度较高，更推荐使用属性绑定的方案替代。

针对方案二：setProperty()无效的问题 #

你的代码存在两个关键问题，修改后即可生效：

1. 样式选择器错误：选择器QWidget#MyWidget[pressed="true"]应改为MyWidget[pressed="true"]。QSS中QWidget#MyWidget指向的是objectName为MyWidget的QWidget实例，而你的控件是自定义的MyWidget类，直接用类名选择更准确（若未设置objectName，则不需要#MyWidget）。
2. 未触发样式刷新：调用setProperty()后，必须手动通知Qt重新应用样式表，否则属性变化不会同步到UI。

修改后的代码 #

事件处理代码：

void MyWidget::mousePressEvent(QMouseEvent *event)
{
    setProperty("pressed", true);
    style()->unpolish(this);
    style()->polish(this);
    QWidget::mousePressEvent(event);
}

void MyWidget::mouseReleaseEvent(QMouseEvent *event)
{
    setProperty("pressed", false);
    style()->unpolish(this);
    style()->polish(this);
    QWidget::mouseReleaseEvent(event);
}

对应的QSS代码：

MyWidget {
  background: rgb(255,0,0);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255,0,0);
  border-radius: 5px;
}

MyWidget[pressed="true"] {
  background: rgb(0,0,255);
  border-color: rgb(0,0,255);
}

额外注意事项 #

如果MyWidget未重写paintEvent()，默认QWidget可能无法正确绘制背景样式。可以添加以下代码确保样式生效：

void MyWidget::paintEvent(QPaintEvent *event)
{
    QStyleOption opt;
    opt.initFrom(this);
    QPainter p(this);
    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
    QWidget::paintEvent(event);
}

内容的提问来源于stack exchange，提问作者Pamputt