如何在angularjs中使用css设置复选框的颜色

how to set a color for check box in angularjs with css

本文关键字：设置 css 复选框 颜色 angularjs      更新时间：2023-09-26

这是我的代码。请找到一个解决方案。

 <div class="list">
        <ul class="items-list">
            <li ng-repeat="listService in servicesList">
              <input type="checkbox" ng-model="listService.selected" />
              <img ng-src="{{listService.img}}" title="{{listService.name}}" alt="{{listService.name}}" />
              <span>{{listService.name}}</span>
            </li>
         </ul>
     </div>

ng-class是你要找的:

  <ANY class="ng-class: expression;"> ... </ANY>

表达式可以是css类

您可以使用ng-class="someClass"并在css文件中编写此someClass样式，或者您可以使用ng-style={style: expression}。但是我更喜欢ng-class而不是ng-style，因为我真的不认为inline-css是一个好主意。

为。coloredinput类添加CSS样式。

<input type="checkbox" ng-model="listService.selected" ng-class="{ 'coloredInput': listService.selected }" />
相关文章：