如何設計使用angularjs創建的複選框？

如何使用css自定義複選框？我無法更改html，因爲我不允許自定義我公司的html。我只能將CSS添加到應用程序中。所以，如果有任何方法可以使用純CSS來自定義複選框。如何設計使用angularjs創建的複選框？

這裏是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>

來源

2017-06-19 Bear Nithi

你的問題我也不清楚，如果你想添加一些風格，你就不能加個班，寫它的風格？ –

我可以覆蓋已添加的類。是否有自定義複選框只有css –

我想你是說自己回答，你可以在這些類中添加CSS，它會工作，你需要什麼定製？ –

創建的代碼我創建了一個JSFiddle給你一個想法來解決你的問題。如果你有jQuery與你的角度項目集成，你可以得到我的代碼的評論部分。否則，將它的第一部分：

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

此外，造型複選框可以是具有挑戰性的。你可能想看看這個流行的鏈接左右爲好：

How to style checkbox using CSS?

來源

2017-06-19 05:38:55

如何設計使用angularjs創建的複選框？

回答

相關問題