Chrome 上的输入字段显示滚动条

Question

我试过搜索，但找不到主题。

我正在构建简单的 2 个数字输入和一个按钮表单，但我注意到 Chrome 在悬停、聚焦或活动时显示滚动条，我无法将其删除

<input type="number" id="hValue" class="userValues" value="Enter Height" onfocus="this.value=''">

我试过用下面的CSS，还是没有效果：

溢出：隐藏；
调整大小：none；

Answer 1

您可以使用它来隐藏输入数字中的箭头

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
 
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

Chrome 上的输入字段显示滚动条

Input field on Chrome shows scrollbar

google-chrome

input

scrollbar