1

フォームが送信されたときに、オプションのフォーム要素を選択するとスタイルが変わるのはなぜですか？

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

4

1 に答える 1

1

この問題は他のブラウザには存在しないため、これはChromeの特定のバージョンのバグのようです。

于 2013-01-11T16:49:43.027 に答える