css - Yii gridview 改变单元格背景颜色

Question

我想根据比较的单元格值更改 yii 中( Bootstrap )网格中的背景颜色。 我花了一段时间才弄清楚我什至必须在哪里放置 CSS 类才能获得某些东西 - .../protected/css/styles.css:

.notice {
    background:#FFF6BF;
    color:#514721;
}

我希望这是正确的地方。 在我的网格中:

'columns' => array(
    ...
    array(
        'name' => 'Pcs',
        'cssClassExpression' => '$data["Pcs"] <> $data["Pcs"] ? "notice" : ""',
    ),

这样，我的 css 定义仅应用于每隔一行。我在不同的主题中阅读了很多关于此的内容:CGridView. Add custom class to table rows preserving original „odd“ and „even“也在 stackoverflow.com 中。 我知道有“奇数”和“偶数”行，但我还是不明白。我试图手动更改 rowCssClassExpression

'rowCssClassExpression' => '',

因为我认为如果我禁用基本的 yii 行着色，我的 css 将应用，并且在 html 源代码中我可以看到每一行都有适当的类定义，但行背景颜色仍然保持不变。我应该怎么做才能让它发挥作用？ 非常感谢!

Answer 1

您的 CSS 规则被忽略了。应用的选择器是 table tr td 因此你的选择器应该如下所示

table tr td.notice {
    background:#FFF6BF;
    color:#514721;
}

如果这不起作用，您可以随时使用 !important 设置规则