最近刚做完一个项目,又遇到一些浏览器兼容性的问题。
1 、input placeholder 属性对于ie9 并不起效果,所以设置了这一属性,在IE上没有。
当然也可以通过js事件来实现这一效果,但是我请教了一下大神,他并不建议这么做,那在IE9及一下只好不显示,没有好的解决方案。
2、disabled 属性,如果不想编辑输入框,最好不要使用这个属性,加上这一属性,点击事件包括其他事件不再好用了。
3、基于2 的情况,readonly="readonly" 就有必要了。事件起作用了,同时也不可以写入了。
另外,readonly 属性对不同浏览器也有区别。
chrome 光标不进入。不可输入。
firefox 光标进入。不可输入。
ie 光标进入。不可输入。
4 、还有一个就是 input 输入框,若类型为file,样式并不美观,我们想要改成自己喜欢的按钮形式,这时候就可以用a标签包住input,
并将input 按钮opacity 即透明度设为0即可。