当前位置:首页 > 前端

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

Z先生11年前 (2016-04-19)前端8717

方法一: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)一、代理:这种方式是通过服务器获取其他域名下的内容,然后再把获得内容返回到前端,这样因为在同一个域名下,所以就不会出…

npm如何使用国内镜像源?

通过命令配置1. 命令淘宝源npm config set registry https://registry.npmmirror.com腾讯源npm …

ColorUI色系

ColorUI色系

                          …

MUMU模拟器调试APP注意事项

MUMU模拟器默认ADB端口7555,所以要么修改MUMU默认端口,要么修改IDE编辑器链接端口为7555。做好这个MARK!…

npm删除掉所有模块并重新安装的方法

1、删除目录:node_modules2、运行清理命令npm cache clean -f3、安装npm install…

js获取指定文件的路径

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

发表评论

访客

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