火狐谷歌浏览器去掉input type=number时控件的方法
2023-09-27 14:22:17 时间
html
默认:<input type="number" /></br>
处理:<input type="number" class="deal-with" />
css 去除控件
<style type="text/css">
.deal-with::-webkit-textfield-decoration-container {
background-color: #f0f3f9;
}
/*下边两行是去掉input 输入框右边的上下箭头按钮 */
.deal-with::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.deal-with::-webkit-outer-spin-button {
-webkit-appearance: none;
}
</style>
写到这里你是不是已经觉得这样做很ok了。
觉得很完美了
但是如果你是用的是火狐浏览器的话
以上代码完全就没有起到任何的作用了
上下的控件任然显示出来了
怎么处理
/* 针对火狐 */
input{
-moz-appearance:textfield;
}
你会发现解决了控件
但是有会出现一个新的问题
可以输入汉字了;不能限制类型的的处理
违背了我们设置为 type=number 的初衷
经过大量的查阅资料,
.由于火狐里=对 input type =“number” 这个属性的支持不太友好
对于这个属性慎用慎用 我个人不建议使用 <input type="number" />
因为这个是H5的新特性 对他支持还不是太友好的!!!!
相关文章
- 爬虫 Http请求,urllib2获取数据,第三方库requests获取数据,BeautifulSoup处理数据,使用Chrome浏览器开发者工具显示检查网页源代码,json模块的dumps,loads,dump,load方法介绍
- Access数据库及注入方法
- VSCode调试Html中的脚本 vscode前端常用插件推荐,搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- php操作redis常用方法
- win11的edge浏览器兼容模式的设置方法
- 《多核与GPU编程:工具、方法及实践》----3.4 信号量
- Python chrome浏览器使用方法介绍
- html 中设置span的width完美解决方法
- django django中的HTML控件及参数传递方法 以及 HTML form 里的数据是怎么被包成http request 的?如何在浏览器里查看到这些数据?
- PySe-019-random常用方法
- 再探 游戏 《 2048 》 —— AI方法—— 缘起、缘灭(1) —— Firefox浏览器下自动运行游戏篇
- 四足机器人单腿逆运动学解-几何方法
- 社工方法加载OLE对象,更改浏览器代理设置窃取信息
- HTTP请求中的User-Agent 判断浏览器类型的各种方法 网络爬虫的请求标示
- 小技巧随手记:一行代码实现星级评分、同步阻塞实现sleep函数、一行代码生成随机字符串(唯一ID/Number.prototype.toString([radix])用法)、获取浏览器Cookie的值、颜色RGB转十六进制、使用数字分隔符、最快获取dom方法(ID同名变量获取dom元素)、带命名空间的事件绑定
- Web 前端 之 Vue 浏览器调试工具 Vue.js devtools 安装(三种方法)的简单整理
- MySQL建立双向主备复制server配置方法
- C#获取当前程序运行路径的方法集合