恢复 webkit 外观以输入类型号

Question

在我在整个应用程序中使用的 css 中，我有以下代码：

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0; 
}

使用这种样式，来自数字类型输入的箭头隐藏在我的整个应用程序中。但在一页中，我有一个类型为 number 的输入元素和一个类“numberInGrid”，我希望为 .numberInGrid 元素显示箭头。我该怎么做？

Answer 1

外观css默认值正常使用.numberInGrid

.numberInGrid{
  appearance:normal;
  -moz-appearance:normal;
  -webkit-appearance:normal;
}