2014-10-22 51 views
0

我有一個selectlist,如果沒有在按鈕單擊選擇列表中選擇任何內容,它將專注於它。它工作正常,默認顏色爲藍色。需要將背景顏色更改爲紅色可能嗎? 這裏是我的代碼 HTML是否有可能在angularjs和css中更改焦點輸入字段的背景顏色

<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; 
} 
+0

我不明白,是這個精? http://jsfiddle.net/x2cy4aeg/4/ – 2014-10-22 08:23:49

+0

@Manjunath Siddappa nope.I有一個按鈕,你點擊它,如果沒有選項被選中,背景色必須是紅色的。 – user3811714 2014-10-22 08:26:42

+0

請用整個代碼創建jsfiddle? – 2014-10-22 08:43:21

回答

0

試納克級。

所以HTML將看起來像

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

和CSS

red { 
background-color: red; 
} 
+0

thankz但它不工作 – user3811714 2014-10-22 10:53:49