javascript - 更改选择按钮的样式和/或条件样式

Question

我想问你，有什么方法可以为选择按钮(单元格？)添加自定义样式吗？我需要为一个单元格设置例如红色，为另一个单元格设置黄色。

是否可以从此选择按钮中删除复选图片并将其替换为标准复选框输入？

我是这个意思(原始选择按钮):

我想这样改变(预期的选择按钮):

Answer 1

<style>
    .ui-grid-row > [ui-grid-row] .ui-grid-disable-selection {
        background-color: yellow;
    }
    .ui-grid-row.ui-grid-row-selected > [ui-grid-row] .ui-grid-disable-selection {
        background-color: red;
    }
</style>

要更改图标，您需要添加 icon font .默认的 UI Grid 字体没有复选框。然后你可以这样做:

.ui-grid-icon-ok:before {
    content: '\f096';
    font-family: FontAwesome;
}

注意:我使用浏览器的文档检查器来识别这些选择器(Windows 中的 F12)。您也应该熟悉该工具。