Question

如何使用css自定义复选框？我无法更改html，因为我不允许自定义我公司的html。我只能在应用程序中添加css。所以，如果有任何方法我可以使用纯css自定义复选框。

这是从AngularJS

创建的代码

  <label class="form-lbl ng-binding ng-scope" ng-repeat="item in chkdatasource.rows">
        <input class="form-control form-chkgrp ng-scope ng-pristine ng-valid ng-valid-required ng-touched" dirctrl="" type="checkbox" checklist-value="item.CODE" ng-disabled="Disable" ng-required="ctl.required" ng-change="Handle_Change();" ng-model="checked" checklist-model="data[ctl.target_column]" style=""> License
    </label>

Answer 1

我创建了一个JSFiddle来帮助您解决问题。如果你将jQuery与你的角度项目集成，你可以获得我的代码的注释部分。否则使用它的第一部分：

var pureElement = angular.element(document.getElementsByName("WAIVE_CHARGES"));
pureElement.css('width','30px');
pureElement.css('height','26px');

此外，设置复选框样式可能具有挑战性。你可能想看看SO中这个流行的链接：

How to style checkbox using CSS?

如何设置使用angularjs创建的复选框的样式？

1 个答案: