::-webkit-inner-spin-button

非标准:此功能是非标准的,不在标准化轨道上。不要在面向 Web 的生产网站上使用它:它不会对每个用户都有效。实现之间也可能存在很大差异,行为在未来可能会发生变化。

::-webkit-inner-spin-button CSS 伪元素用于设置数字选择器输入元素的微调按钮内部部分的样式。

语法

css
::-webkit-inner-spin-button {
  /* ... */
}

示例

这些示例仅适用于基于 WebKit 和 Blink 的浏览器。

更改微调控件中的光标

在此示例中,当光标位于输入的微调控件内部部分时,CSS cursor 将更改为 pointer

HTML

html
<input type="number" />

CSS

css
input[type="number"]::-webkit-inner-spin-button {
  cursor: pointer;
}

结果

规范

不属于任何标准。

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参见