当前位置:首页 > 前端

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

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

方法一: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",同样是数字键盘,但是没有箭头。

分享给朋友:

相关文章

实现 OpenSearch(Tab to Search)功能

在网站上添加了 OpenSearch 功能以后,IE 7.0 和 Firefox 2.0 以上的浏览器就能够在自带的搜索栏里面添加这个网站的搜索功能了。第一:原始网站支持GET传递参数搜索:第二:编写…

H5模拟微信菜单下拉菜单

H5模拟微信菜单下拉菜单

核心HTML代码:核心点:外层类“submenu-warp”子菜单类:“submenu”<div data-href="#mainurl" class=&…

HTML5桌面通知开启代码片段

<script type="text/javascript"> function showmsg() {   &n…

【原创】api接口模拟器(NodeJS版)

最近遇到一个项目,内网的APP,后端数据和前段开发属于异地,没法直接做接口数据测试。因此用NodeJs简单写了个API模拟器,只要将响应的数据放在对应目录下json.json文件中即可。请求地址全静态…

VUE打包时from UglifyJs Unexpected token: punc (()错误解决方案

归其原因是因为缺少ES2015的语法解析。因此进行如下2步操作即可解决问题:1、安装babel-preset-es2015npm install babel-preset-es20…

ColorUI色系

ColorUI色系

                          …

发表评论

访客

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