javascript - Angularjs 下拉菜单在 Internet Explorer 11 的第一个选项中出现空白

Question

<select id="selectIdentity" name="selectIdentity" required ng-trim="true" ng-change="changedValue(addUser.identityProvider)" ng-model="addUser.identityProvider" >
       <option value="" selected hidden />
        <option ng-repeat="idprovider in identityProvider" value="{{idprovider .UOM}}">
            {{idprovider}}
        </option>                       
        </select> 

对于所有浏览器，下拉列表的第一个选项中不会出现空格，但在 IE11 中会显示空格。如何删除 IE 中的空白。

在这里我创建了一个 fiddle 链接http://jsfiddle.net/vinothsm92/gkJve/1502/

请在IE浏览器中查看

谁能告诉我如何解决这个问题

Answer 1

问题似乎出在空选项的隐藏属性