当前位置:首页 > 前端

去掉H5中number输入框的上下箭头

Z先生10年前 (2016-04-19)前端8477

方法一:CSS样式处理

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

方法二:属性处理

将type="number"改为type="tel",同样是数字键盘,但是没有箭头。

分享给朋友:

相关文章

AJAX实现跨域的三种方法

三种方法:代理、JSONP、XHR2(XMLHttpRequest Level 2)一、代理:这种方式是通过服务器获取其他域名下的内容,然后再把获得内容返回到前端,这样因为在同一个域名下,所以就不会出…

字体图标的妙用

什么是字体图标对于前端的小伙伴来说,字体应该是再熟悉不过的东西了,对于文字我们可以通过css指定文字对应的字体,字号大小,颜色。得益于css3,我们还可以在css中引入服务端字体来实现自定义字体。而字…

ColorUI色系

ColorUI色系

                          …

uniapp开发小程序,小程序二维传参与H5、分享页面参数兼容的处理方案。

首先小程序获取二维码接口有三个,2个限制数量,一个不限制数量,但是限制生成频率(5000次/分钟)和参数长度(32位),我使用的是不限数量的接口:getUnlimited,传递的参数为:invite=…

写给即将寿终正寝的Flash,即html5 Flash解决方案

写给即将寿终正寝的Flash,即html5 Flash解决方案

Adobe的Flash将于2020年12月31日正式终止。Adobe公司最近宣布,将会正式宣布停止对Flash的支持,这也变相宣布了Flash的死亡,Flash Player将于2020年12月31日…

js获取指定文件的路径

获取指定js文件的路径var src = '/static/js/demo.js'; var path = src.sub…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。