时间戳

首页 > 解决方案 > 为什么我们需要外部旋转按钮来从数字中删除箭头

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

问题描述

内旋转按钮和外旋转按钮有什么区别，当我只使用内旋转按钮时，它在谷歌浏览器中成功工作，那么为什么我们需要外旋转按钮

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

这个语法是什么意思

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

标签： htmlcssvendor-prefix

解决方案

inner-spin并且outer-spin是一些遗留代码的一部分。这就是为什么他们在格式化微调器时要求使用两个伪选择器。

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

Webkit 官方文档

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

这里的选择器意味着选择所有具有类的元素，removeNumberArrow并与它们一起选择伪元素-webkit-inner-spin-button，-webkit-outer-spin-button并将它们的外观格式化为none.

推荐阅读