恢复输入类型= chrome中的数字微调器

Question

我有一个主题基于的应用程序Metro UI CSS隐藏了(我认为)Chrome在使用时添加的漂亮和有用的微调器<input type="number" />.

我试图"覆盖"这个规则,但我无法弄清楚我有什么价值来设置它:

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: initial !important;
}

不起作用(见FIDDLE).

恢复它们的正确值是什么？

PS:我试图避免仅从基本CSS中删除规则以避免更新问题...

Answer 1

设置-webkit-appearance为inner-spin-button,按钮的默认值.

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
}