Html 还原输入类型=chrome中的数字微调器

我有一个基于主题的应用程序，它隐藏了（我认为）Chrome在使用

时添加的漂亮且有用的微调器

我试图“覆盖”此规则，但我无法确定必须将其设置为什么值：

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

不起作用（请参阅）

恢复它们的正确值是多少？

---

注意：我试图避免仅仅从基本CSS中删除规则以避免更新问题…

将

-webkit外观设置为
内部旋转按钮
，这是按钮的默认值

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

在铬合金v67.0.3396.87上测试：


输入[type=number]：-webkit外部旋转按钮，
输入[类型=编号]：-webkit内部旋转按钮{
/*-webkit外观：内部旋转按钮！重要*/
不透明度：1；
左边距：5px；
}
此外，我还需要微调器隐藏（根据默认设置）或始终显示，因此下面是实现这三种功能的方法。奇怪的是很难得到这个信息


/*必要时全局禁用*/
输入[type='number']：：-webkit外部旋转按钮，
输入[type='number']：：-webkit内部旋转按钮{
-webkit外观：无；
}
/*恢复到隐藏状态，直到鼠标悬停*/
.show_微调器输入[type='number']：：-webkit外部微调按钮，
.show_微调器输入[type='number']：：-webkit内部微调按钮{
-webkit外观：内部旋转按钮；
}
/*永久恢复和显示*/
.show_始终输入[type='number']：：-webkit外部旋转按钮，
.show_始终输入[type='number']：：-webkit内部旋转按钮{
-webkit外观：内部旋转按钮；
不透明度：1；
左边距：10px；
}

就这样，谢谢。您是否可以告诉我您在哪里/如何找到此信息，因为我搜索了很长时间，但没有找到此值？当然。打开Chrome Developer工具，单击右上角的齿轮。在General | Elements下，有一个选项“显示用户代理阴影DOM”。启用该选项，然后检查输入元素。展开元素和
#shadow root（用户代理）
子元素。找到要设置样式的阴影元素，并在“样式”窗格中查看灰显的样式。太好了，再次感谢。我已经在开发工具中搜索过的那个“特性”；-）。。。你在哪里，我的朋友？我只是花了一整天的时间想弄明白这一点。如果我们在现实生活中相遇，我需要吻你。非常感谢你！