Css 使用AngularJS选择值后，如何更改输入的背景色？

我已经在Js函数中从搜索中选择了用户当前输入字段是只读的，所以一旦我们从

selectedOwner

中获得值，我想将输入字段背景颜色更改为白色，因为用户不想看到来自readOnly指令的灰色？有没有办法实现这种要求

main.html

<div class="form-group col-md-6">
                    <div class="col-md-6">
                        <label class="control-label required" for="rcsaOwner">RCSA
                            Owner :</label>
                    </div>
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="rcsaOwner" required ng-class="{'background1': color.back}"
                            ng-model="riskAssessmentDTO.rcsaOwnerWorker" name="rcsaOwnerWorker"
                            ng-click="openRcsaOwner()" ng-model-options="{updateOn: 'blur'}" ng-readOnly="true"/>
                        <p class="text-danger"
                            ng-show="addAssessment.rcsaOwnerWorker.$touched && addAssessment.rcsaOwner.$error.required">RCSA
                            Owner is required</p>
                    </div>
                </div>

main.css

.background1 {
      background-color: #eeee12;
      color: red;

}

---

问题是什么？使用

ng class

，您似乎有一些东西应该可以工作。是的，一旦选择了值，我想更改输入背景颜色，使用当前的实现，它不会使用ReadOnly更改背景。您在控制台中看到任何错误吗？您是否已通过检查确保它按预期工作？控制台中没有错误，它按预期更改字体颜色，但没有更改背景颜色啊。这是一个CSS选择器问题，与AngularJS无关。使用您的文档检查器来找出哪些内容超越了您的规则，并具体地加以纠正。

.background1 {
      background-color: #eeee12;
      color: red;

}