使用Angular JS使用“required”时选择选项样式更改

为什么选择表单元素在表单提交时更改样式？使用Angular JS使用“required”时选择选项样式更改

HTML: 
<div ng-controller="TestController"> 
    <form name="test" ng-submit="formSubmit()"> 
     <select name="selectFormItem" ng-options="selectFormItemValue.value as selectFormItemValue.text for selectFormItemValue in selectFormItemValues" ng-required="true" ng-model="testModel" class="selectStyle"> 
      <option value=""></option> 
     </select> 
     <button id="testSubmit" type="submit">Submit</button> 
    </form> 
    <br/><br/> 
    <span>{{selectFormItemValues}}</span> 
    <br/><br/> 
</div> 

JS: 
    function TestController($scope) { 
     $scope.selectFormItemValues = [{'value':0, 'text':'value0'}, {'value':1, 'text':'value1'}]; 

     $scope.formSubmit = function formSubmit() { 
      alert("dummySubmit!"); 
     } 
    } 

CSS: 
body { 
    font-family: Helvetica; 
    font-size: 14px; 
} 
.selectStyle { 
    padding: 5px; 
    width: 150px; 
}

的jsfiddle：http://jsfiddle.net/nEzpS/22/

我注意到，当 “必需的” 设置选择窗体部件上它发生。

编辑：在Chrome版本进行测试：23.0.1271.97，24.0.1312.52

来源

2012-12-23 matko.kvesic

uhhhhh你在哪个浏览器中？ –

Opera或Firefox没有看到字体改变为Times，但我确实在Chrome中看到它。听起来像是一个浏览器bug。 – cimmanon

我在这里使用Chrome 23.0.1271.97 –