自定义角度ng网格复选框css

时间:2014-07-24 07:50:42

标签: css angularjs checkbox

有人这样做过吗?我试过谷歌搜索,似乎没有人做过这样的事情

ng-grid中的复选框类是

.ngSelectionCheckBox

按照csscheckbox的说明,我仍然无法生产任何东西?!

另外,当复选框被选中时,我不确定标签的位置,因为它只是在控制台上显示为已检查。

  input[type=checkbox].ngSelectionCheckBox {
                        display:none;
                    }

                    input[type=checkbox].ngSelectionCheckBox + label.css-label {
                        padding-left:41px;
                        height:36px; 
                        display:inline-block;
                        line-height:36px;
                        background-repeat:no-repeat;
                        background-position: 0 0;
                        font-size:36px;
                        vertical-align:middle;
                        cursor:pointer;

                    }

                    input[type=checkbox].ngSelectionCheckBox:checked + label.css-label {
                        background-position: 0 -36px;
                    }
                    label.css-label {
            background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_33530f28ddc2749646023b2ef2a90882.png);
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

这就是我的尝试。显示无效,但覆盖它似乎不起作用....

1 个答案:

答案 0 :(得分:0)

您是否尝试过输入[type =“checkbox”] + .ngSelectionCheckBox {display:none; }。