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

以下是复选框的代码：

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

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

最佳答案

不需要角度的，也不需要任何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;
}

关于javascript - 在AngularJS中使用背景颜色和边框时如何设置复选框的样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45026412/