解决input 有readonly属性 各个浏览器的光标兼容性问题
2017-12-25 17:22
1091 查看
<input type='text' readonly unselectable='on' onfocus='this.blur()'/>
目标:input 只能读,但是在ie、火狐浏览器下,设置了readonly属性还是会有光标出现!(希望去掉光标)
解决办法:
设置 unselectable='on'属性 ie浏览器会没有光标但是会清除placeholder的内容,在火狐浏览器下不起作用
按上述的设置属性则会没有光标并且也不会清除placeholder的内容。
目标:input 只能读,但是在ie、火狐浏览器下,设置了readonly属性还是会有光标出现!(希望去掉光标)
解决办法:
设置 unselectable='on'属性 ie浏览器会没有光标但是会清除placeholder的内容,在火狐浏览器下不起作用
按上述的设置属性则会没有光标并且也不会清除placeholder的内容。
相关文章推荐
- 解决td标签上的position:relative属性在各浏览器中的兼容性问题
- 解决nth-child(n)属性在IE8浏览器中兼容性问题
- CSS Hack解决浏览器IE部分属性兼容性问题
- 解决input标签在IOS浏览器中光标过长的问题
- 解决td标签上的position:relative属性在各浏览器中的兼容性问题
- js修改input的type属性及浏览器兼容问题探讨与解决
- js修改input的type属性及浏览器兼容问题探讨与解决
- js前端解决浏览器下载兼容性问题
- 解决swfupload改变display属性后flash重新加载的问题(chome,safari内核的所有浏览器)
- ios中 input[readonly] 仍然可聚焦出现光标并弹出“完成”面板问题
- 解决input、textarea里使用disable属性文字变灰问题
- 关于CSS+DIV 开发 与各浏览器的兼容性问题..解决方法.
- 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式(顺带解决很多兼容性问题)
- 淘淘商城系列——解决KindEditor上传图片浏览器兼容性问题
- 主流浏览器下 定义小于18px高度属性height的盒子再次测试 使用overflow解决问题
- android:windowSoftInputMode属性详解之解决搜索框获得焦点的时软键盘就会弹出把我底部的tab导航挤出问题
- Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小(无人值守,节约测试成本的福音,BOSS 最爱)
- W3C对于CSS及浏览器之间的兼容性问题解决方案
- 关于input style属性兼容性问题
- 解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题 && 一般的浏览器input和button的高度不一致问题