Chrome input type=“number” 样式

要设置输入类型 = 数字的样式，请使用以下 CSS -

input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

上面展示了没有增量器的情况。

要显示和设置增量器的样式，请使用

input[type=number]::-webkit-inner-spin-button {
   opacity: 1;
}

输出

上述内容显示了以下输出 -

Lakshmi Srinivas

更新于： 25-6-2020

1K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始吧