css - 如何从 Opera 中的输入[类型 ="number"] 中删除箭头

标签 css html forms input opera

<分区>

只是想删除这些箭头,在某些情况下很方便。

不过,我想保留浏览器对纯数字内容的认识。因此,将其更改为 input[type="text"] 并不是一个可接受的解决方案。


现在 Opera 是基于 webkit 的,这个问题是一个重复的问题:Can I hide the HTML5 number input’s spin box?

最佳答案

我一直在使用一些简单的 CSS,它似乎删除了它们并且工作正常。

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
<input type="number" step="0.01"/>

This tutorial from CSS Tricks explains in detail & also shows how to style them

关于css - 如何从 Opera 中的输入[类型 ="number"] 中删除箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13107118/

相关文章:

html - 是什么导致我的水平滚动条

jquery height animate() 不起作用

javascript - 在浏览器中打开带有特定地址的谷歌地图

ruby-on-rails - 带有 html 的自定义验证错误消息

javascript - 使用合并单元格在表格上无限滚动(定义的 colspan/rowspan)

javascript - 如何在不使用 SVG 图像的情况下使用带有文本的 React 创建圆形/方形?

jquery - 使 CSS 剪辑矩形响应

javascript - 将 json 对象转换为 formData(HTML5 对象)

forms - 仅当选择 radio 时才需要文本字段。 ZF2

java - 获取 FormDataParam 属性和特性