为什么我们需要外部旋转按钮来从数字中删除箭头

Question

inner-spin-button 和 outer-spin-button 有什么区别，当我只使用 inner-spin-button 它在 google chrome 中成功工作时，为什么我们需要外部旋转按钮

.removeNumberArrow::-webkit-inner-spin-button,
.removeNumberArrow::-webkit-outer-spin-button {
-webkit-appearance: none;
}

这个语法是什么意思

.removeNumberArrow::-webkit-inner-spin-button,
.removeNumberArrow::-webkit-outer-spin-button

Answer 1

inner-spin 和 outer-spin 是一些遗留代码的一部分。这就是为什么他们要求在格式化微调器时同时使用伪selector。

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.removeNumberArrow::-webkit-inner-spin-button,
.removeNumberArrow::-webkit-outer-spin-button

这里的selector指的是select所有具有classremoveNumberArrow的元素，并选择伪元素-webkit-inner-spin-button和-webkit-outer-spin-button 并将它们格式化为 none.

why we need outer spin button to remove arrows from number