更改样式 and/or 选择按钮的条件样式

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

更改样式 and/or 选择按钮的条件样式

Change style and/or conditional style of the selection button

javascript

css

angularjs

angular-ui-grid