在Firefox28上,我使用<input type="number">效果很好,因为它在输入字段上显示数字键盘,输入字段应该只包含数字.

在Firefox 29中,使用数字输入在字段右侧显示旋转按钮,这在我的设计中看起来像垃圾.我真的不需要按钮,因为不管怎样,当你需要写一个6到10位数的数字时,它们都是无用的.

是否可以使用CSS或jQuery禁用此功能?

推荐答案

根据this blog post,您需要在input上设置-moz-appearance:textfield;.

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

input[type=number] {
    -moz-appearance:textfield;
}
<input type="number" step="0.01"/>

Css相关问答推荐

如何将放射梯度css的大小定义为百分比?

如何改变图标的 colored颜色 时悬停在

将鼠标悬停在具有效果的元素上

如何使用 Ant Design 为不同的屏幕尺寸制作自定义组件样式

为什么我的 React slick 轮播响应能力不起作用?

Z Index 复杂性 - 如何将组件放置在 div 内部以相对于其级别外部的组件具有更高的 z-index 值?

没有字母间距的CSS悬停边框

如何更改 JqGrid 中的pager 背景 colored颜色 ?

SASS 中的计算表达式

问题定位位置:Tailwindcss 中的绝对元素

zoom 时闪烁的背景滤镜模糊

为什么 em 不将定义的字体大小加倍?

Ant Design:将位置子菜单移动到屏幕顶部

使用 CSS 剪辑/裁剪背景图像

如何使表格中一行的最后一个单元格占据所有剩余宽度

Bootstrap:在列之间添加边距/填充空间

使用 float:left 后如何获得新行?

如何仅在一侧设置 CSS 边框?

@font-face src: local - 如果用户已经拥有本地字体,如何使用它?

对象拟合不影响图像