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

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）。您也应该熟悉该工具。