Qt 样式表错误？

Question

我在简单的 QSS（Qt 样式表）中有很多错误。是Qt的bug吗？

例子：

样式表：

#check1 {
  color: red                  //didn't work here
}

#check2 {
  color: red;                 //but work here
  background-color: black
}

#label1 {
  color: blue;
  text-decoration: underline  //work fine here
} 

#label2:hover {
  color: blue; 
  text-decoration: underline  //but didn't work here
}

来源：

#include <QtGui>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    app.setStyleSheet(" #check1 {color: red} \
                        #check2 {color: red; background-color: black}  \
                        #label1 {color: blue; text-decoration: underline}  \
                        #label2:hover {color: blue; text-decoration: underline}");
    QWidget w; w.setFixedSize(120,130);

    QCheckBox check1("checkbox1",&w);
    check1.setObjectName("check1");
    check1.move(10,0);

    QCheckBox check2("checkbox1",&w);
    check2.setObjectName("check2");
    check2.move(10,30);

    QLabel label1("label1", &w);
    label1.setObjectName("label1");
    label1.move(10,60);

    QLabel label2("label2", &w);
    label2.setObjectName("label2");
    label2.move(10,90);
    w.show();

    return app.exec();
}

qt 4.7.3-3;拱Linux； gnome 3 后备模式

Answer 1

代替

// some comment

使用

/* some comment */

。我猜他们选择了后一种形式，因为它不受换行符的影响。

除此之外，如果还是不行，那么你似乎遇到了错误：https://bugreports.qt-project.org//browse/QTBUG-4307。

作为仅设置文本颜色的解决方法，请尝试

#check1:hover { color:red; background-color:transparent; }

这对我有用。

Answer 2

对于第一个复选框，问题出在 Gtk+ 风格的某个地方：

QLabel、QPushButton 或 QCheckBox 不支持 :hover 伪状态 css 选择器中的字体更改（包括 text-decoration）。最简单的小部件似乎是QToolButton（如果你真的需要，它可以用来替换 QLabels）。
所有小部件都支持该状态的调色板更改（前景和背景颜色和样式）。

Answer 3

不应该

color: red

是

color: red;

?

您发布的代码中的一些地方缺少分号。

Answer 4

我不能说你的复选框有什么问题，但是根据Qt的样式表参考可以找到以下花絮（我在网上找不到，但它在Qt助手中）

QLabel 支持盒子模型。不支持 :hover 伪状态。

也就是说，不支持 QLabel:hover。