html - 是否可以在angularjs和CSS中更改焦点输入字段的背景颜色

我有一个选择列表，如果单击按钮时没有在选择列表中选择任何内容，它将专注于该选择列表。它工作正常并且默认颜色为蓝色。我需要将背景颜色更改为红色吗？
这是我的代码
html

 <select focus-on="focusMe">
    <option value="1">1</option>
    <option value="2">2</option>
    </select>

js

   ngAppModule.directive('focusOn', [function () {
        return {
            restrict: 'A',
            scope: {
                focusMe: '=focusOn'
            },
            link: function (scope, elt, attrs) {
                scope.$watch('focusMe', function (val) {
                    if (val) {
                        elt[0].focus();
                        scope.focusMe = false;
                    }
                });
            }
        };
    }
    ]);

的CSS

select[focus-on] {
    background-color: red;
}

最佳答案

尝试ng-class。

所以HTML看起来像

<select focus-on="focusMe" ng-class={red:focusMe}>

和在CSS中

red {
 background-color: red;
}