Ionic framework 如何覆盖离子指令的类？

如何覆盖离子指令的类？我尝试了下面的代码：

<div class="card">
    <ion-item   class="item item-avatar item-text-wrap teamA" ng-repeat="chat in chats">         
        <p>{{chat.message}}</p>
    </ion-item>
</div>

.teamA{
   border: 1px solid red !important;
   background-color: #EBA32F !important;
   color: black;
}

{{chat.message}

teamA先生{
边框：1px纯红！重要；
背景色：#EBA32F！重要；
颜色：黑色；
}

---

边框确实变为红色，但其背景色没有改变。

我记得在爱奥尼亚工作时遇到了类似的问题……但这与我的样式在项目中的定义有关。新类（在本例中为“teamA”）与现有样式相冲突，它们在仿真时的不同时间被应用

我是如何解决的：
我假设您在emulator中运行此程序时仍然可以访问chrome调试器

由于控制器文件夹结构较短，我们在不同的位置定义了不同的样式…没有使用标准的ionic generator的.css位置

尝试在jQuery中选择您的项目并检查它们，在可能的情况下手动调整chrome中的

背景色

属性，并查看其效果

这可能会给你一些关于如何修复它的线索

这也可能有助于：

---

背景不需要任何特殊的颜色，实际上是橙色（淡黄色）。如果字体颜色有问题，只需向元素添加一个类并更改其颜色，不要忘记添加

！重要

规则

我对它进行了测试，它正常工作，请查看下一个代码片段：

angular.module（'myApp'，['ionic']））
.controller（'MyCtrl'，函数（$scope）{
$scope.chats={}；
var chats=[]，
聊天；
对于（变量i=0；i<10；i++）{
聊天室={
id:我，
信息：“聊天次数：”+i
};
聊天。推送（聊天）；
}
$scope.chats=聊天；
控制台日志（聊天）；
});
.teamA{
边框：1px纯红！重要；
背景色：#EBA32F！重要；
}
.你的颜色{
颜色：白色！重要；
}

内容颜色
{{chat.message}