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

时间:2015-10-08 11:59:20

标签: javascript css angularjs angular-ui-grid

我想问你,它是否可以在选择按钮(单元格?)中添加自定义样式?我需要设置一个单元格的红色,另一个单元格的黄色。

可以从此选择按钮中删除检查图片并将其替换为标准复选框输入吗?

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

enter image description here

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

enter image description here

1 个答案:

答案 0 :(得分: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网格字体没有复选框。然后你可以这样做:

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

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