使用 <input type="number" value="1" /> 会自带加减按钮，但是并不需要这个按钮，大多是时候都是另外写新的按钮。 去掉自带的加减按钮，只需添加一段css代码。 效果如下： ...

如图，直接设置 type="number" 时会有右侧的按钮显示 去除方法： ...

之前用 input type="number" 来放数字框，发现有个上下加减的东西，感觉不太好 这个容易出现0 然后减为负数 这种情况下怎么去掉右边的那个上下加减的小按钮呢？前端同事告诉我加一点css就行了 果然这样一加，就没有了。 ...

input[type=number]有时会出现默认的加减spinners，这时就需要清除默认样式 ...

前言： 对于数字加减按钮的实现，以前用过不少方案，诸如： 1.使用背景图片——这种效果比较好，缺点是样式控制有点复杂了，还需要使用图片； 2.直接使用“+”“-”——这种方法简单粗暴，最容易实现，缺点是不同浏览器环境下显示略有不同，符号大小机线条粗细不太好调； 3.使用unicode字符 ...

...

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;} input[type="number"] { -moz-appearance: textfield;} ...

转载文章，原文地址：http://ipmtea.net/css/201006/16_5.html 对于每个程序设计者来说，为用户提供一个风格统一的界面是一项不变的要求。但是在网页上实现这种风格统一却显得格外困难，因为不同操作系统、不同浏览器对网页内容的表现方式存在着差 ...