Bug笔记:-webkit-appearance:none导致无法获取checkbox值
来源:互联网 发布:nginx lua waf 规则 编辑:程序博客网 时间:2024/05/08 21:21
这个BUG发生的背景有点复杂。大概就是一个Form表单,要用Validation Plugin验证,Ajax提交。结果发现在Webkit浏览器下无论怎样都阻止这个form在提交的时候刷新整个页面。
最后总算抓到元凶是checkbox上的-webkit-appearance:none属性。
-webkit-appearance会将webkit浏览器中的元素默认样式去除。checkbox在这个属性下就直接隐藏掉了。然后用JS获取checkbox值时Webkit浏览器会报很奇怪的错误。给这个元素重新赋上-webkit-appearance:checkbox就不会报错了。
其他的的表单元素以及其他的情况并未测试。这个问题在Chrome和Safari中都会出现,应该是Webkit引擎的问题。
- Bug笔记:-webkit-appearance:none导致无法获取checkbox值
- -webkit-appearance:none;
- -webkit-appearance:none
- webkit引擎的浏览器取消默认样式:-webkit-appearance:none
- CSS:关于“-webkit-appearance: none”样式使用问题
- css中使用“-webkit-appearance: none;”去除系统默认appearance的样式引发的问题
- 移动端-webkit-user-select:none导致input/textarea输入框无法输入
- 去除input为date的小三角方法 -webkit-appearance: none;
- css:appearance:none;
- Asp.net MVC P2 中无法正确获取 CheckBox值的bug的解决方案
- -webkit-appearance 使用说明
- -webkit-appearance问题
- 去除select边框和三角-----appearance:none
- jquery webox无法获取到input,checkbox值的解决办法
- 关于jquery mobile checkbox无法获取值一种尝试
- 在火狐下无法获取select设置display:none后的选中的值
- -webkit-appearance —— webkit外观样式属性
- -webkit-text-size-adjust: none;
- Hibernate执行错误解决。
- jQuery基础学习(二)
- struts1.1,tomcat老是报505错误,问下大家该怎么办?
- vnc 代码阅读 2
- sprintf 用法(sprintf_s)
- Bug笔记:-webkit-appearance:none导致无法获取checkbox值
- Linux 下zip包的压缩与解压
- Ffmpeg框架结构解读
- 计算广告学习笔记 5.3 搜索广告与demand技术 流式计算平台
- IOS 48款免费的精美UI界面设计套件--很好的图标设计网站--http://blog.enqoo.com/
- PowerManager和WakeLock的操作步骤
- C++显示JPG图片
- 利用JDBC连接Oracle数据库
- Bloom Filter概念和原理