如何在angularjs中使用背景颜色和边框设置checbox样式

Question

以下是复选框的代码：

如何选中带有背景颜色和边框的复选框。

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

Answer 1

不需要棱角分明或任何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;
}