在 Webkit 中抑制输入类型“数字”旋转按钮
为移动(Mobile Safari)和桌面用户(Chrome)设计网站时、Safari),请考虑使用 为数字条目指定的输入字段的视觉美感。标签。在移动设备上,此标签最有利于通过数字键盘输入数字。但是,在 Chrome 和 Safari 中,这些字段旁边会出现不需要的旋转按钮,可能会与设计美观发生冲突。
使用 CSS 禁用旋转按钮
使用 CSS 消除这些按钮,利用以下代码:
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
此代码有效隐藏了内部和外部旋转按钮,确保干净、时尚数字输入字段的设计。此外,请记住将这些元素的边距设置为零,以防止输入字段周围出现不必要的间距。
以上是如何删除 WebKit 浏览器中的数字输入旋转按钮?的详细内容。更多信息请关注PHP中文网其他相关文章!