Question

我有一个专注于如果在按钮点击的选择列表中没有选择任何内容的选择列表。它工作正常，默认颜色为蓝色。我需要将背景颜色更改为红色是否可能？这是我的代码 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;
}

Answer 1

尝试ng-class。

所以HTML看起来像

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

和CSS

red {
 background-color: red;
}

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

1 个答案: