javascript - 在angularjs中使用背景颜色和边框时如何设置复选框样式

Question

下面是复选框的代码:

选中时如何使用背景色和边框设置复选框样式。

<input  type="checkbox" ng-model="vehicle.selected" name="selectedVariants[]" 
value="{{vehicle.name}}" ng-checked="{{vehicle.selected}}" />

Answer 1

不需要 Angular 或任何 JS。

html(注意我添加了一个类):

<input  type="checkbox" ng-model="vehicle.selected" name="selectedVariants[]" class="custom-class-here" 
value="{{vehicle.name}}" ng-checked="{{vehicle.selected}}" />

CSS:

.custom-class-here:checked {
    background-color: #123456;
    border: 1px solid #654321;
}