knockout.js - knockout 风格绑定(bind)不允许我追加!重要

Question

我正在尝试像这样将背景绑定(bind)到表格单元格:

data-bind="style: { background: Css }

CSS 变量可以等于颜色，如 #F7C7D4。

这部分工作正常，单元格中填充了颜色，但是当我尝试打印页面时，没有显示任何颜色。当我在没有绑定(bind)的情况下尝试这样做时，如下所示:

<td style="background #F7C7D4 !important;"></td>

颜色显示在页面上和打印时。但是当我将代码更改为:

data-bind="style: { background: Css + ' !important' }

knockout 不会数据绑定(bind)后台。不会引发错误，但屏幕上没有显示颜色，当我检查元素时，背景样式尚未添加到样式属性中。我还尝试更改 Css 变量以包含 !important，结果相同，但绑定(bind)不起作用。

JSFiddle

如有任何帮助，我们将不胜感激。

Answer 1

可以使用attr绑定(bind)来设置style属性的值)

data-bind="attr:{ style: 'background: ' + Css() + ' !important' }