什么是-webkit-appearance for input type =＆＃34; number＆＃34;？

Question

我有这样的输入：

<input type="number">

我的CSS有这个：

-webkit-appearance:none;

因此，当我在webkit上查看时，摇杆（上下）不会显示。

我想覆盖这一点，webkit-appearance的默认 type="number"值是什么？

列出了大量值here。这是jsFiddle用于测试。

Answer 1

当想要恢复默认值时，initial几乎总是最重要的值：

input[type=number] {
  -webkit-appearance: initial;
}

  

initial CSS关键字将属性的初始值应用于元素。它允许在每个CSS属性上，并导致指定它的元素使用属性的初始值。

     

- initial - MDN

JSFiddle

Answer 2

试试这个：

-webkit-appearance: normal;