css - 如何覆盖css中定义的颜色？

Question

我有这个样式类，它在 View 中创建红色矩形:

.tag-template .left-panel { 
  width: 24px;
    height: 24px;
   background: red;
   vertical-align: middle;

}

这里是我如何在 View 模板中使用类:

<script type="text/ng-template" id="tag-template">
  <div class="tag-template">
    <div class="left-panel">          
    </div>
    <div class="right-panel">
      <span>{{$getDisplayText()}}</span>
      <a class="remove-button" ng-click="$removeTag()">&#10006;</a>
    </div>
  </div>
</script>

有时我想覆盖 css .tag-template .left-panel 中定义的颜色并将颜色更改为绿色。

知道如何使用 ng-style for examle 更改 View 中 css 中定义的颜色吗？

Answer 1

你可以使用 ng-style 来改变颜色，就像 myStyle 可以是你的表达方式

  <div class="left-panel" ng-style="myStyle"></div> 

或

 <div class="left-panel" ng-style="{color:'green'}"></div>