Angularjs向上/向下旋转按钮不起作用在IE11中

Question

在Chrome中，它工作正常，但在IE11中无法正常工作。我的HTML代码是

<div ng-switch="row.type">
 <input ng-switch-when="Increment" type="number" min="{{row.minVal}}" max="{{row.maxVal}}" step="{{row.step}}" ng-model="dynamicVal[row.name]" required class="form-control">
 <select ng-switch-when="LookUp" class="form-control" ng-model="dynamicVal[row.name]" ng-change="selectedLookUp(row.name, row.isAjax)" >
   <option ng-repeat="lookup in row.lookUpValues" value="{{lookup.id}}">{{lookup.name}}</option>
  </select>
<input ng-switch-default type="number" min="{{row.minVal}}" max="{{row.maxVal}}" step="{{row.step}}" ng-model="dynamicVal[row.name]" required class="form-control">
 </div>

和CSS就是这个

input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;
}

我是CSS的新手。

Answer 1

It's meant to only work in Chrome。没有办法做你要问的事。在::-webkit-inner-spin-button上引用MSDN的文档：

  

<强>非标准

     

此功能不符合标准，不符合标准。 不要在面向Web的生产站点上使用它：它不适用于每个用户。实现之间可能存在很大的不兼容性，并且行为可能在将来发生变化。

和

  

<强>规格

     

NOT 是任何规范的一部分。这是对WebKit / Blink的专有伪元素特定。

您可以看到它显然仅受基于Webkit的浏览器支持，例如Chrome，Opera和Safari（Internet Explorer不是基于Webkit的）：