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

然而,我想保持浏览器对内容纯粹是数字的意识.因此,将其改为input[type="text"]不是一个可接受的解决方案.


既然Opera是基于Webkit的,那么这个问题的答案是:Can I hide the HTML5 number input’s spin box?

推荐答案

我一直在使用一些简单的CSS,它似乎go 掉了它们,并且工作得很好.

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

Html相关问答推荐

如何在水平对齐(居中)元素的右侧创建迪夫.在tailwind 或CSS中

纯CSS语音气泡与半透明背景和边框

隐藏滚动条和禁用文本 Select 的CSS技术?

每次在视口中运行动画

我怎样才能在我的网站上制作花哨的角落

在每个列宽由带有固定值的minmax()函数定义的网格中,CSS如何为列分配空间?

Chatbox底部显示新消息,并向上推送旧消息

如何制作带有粘性头和脚的可滚动车身

如何使用css创建六边形棋盘?

为什么字体大小而不是 colored颜色 属性适用于元素?

Swift 以编程方式在 YouTube 嵌入视频中进入全屏

如何居中此按钮,即使它已经在计算机分辨率中居中

我真的需要一个容器来让行和列正常工作吗? ( bootstrap 程序 v5)

发送带有图像的Google文档作为HTML格式的邮件正文不再起作用

CSS flex:0 0 auto创建了1像素的间隙

如何使用CSS Select 表亲元素

如何调整底部有 SVG 的元素的高度,使其在所有宽度上看起来都不错?

如何在 Flex 对齐内容框下显示隐藏按钮和文本

按钮显示:内联不换行

圆形边框显示在该部分后面.怎么修?