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 的生产站点上使用它：它并不适用于所有用户。实现之间也可能存在很大的不兼容性，并且行为可能会在未来发生变化。

和

规格

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

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