IE、谷歌、火狐浏览器兼容性、默认属性样式总结

IE

1、去掉input框中自动添加的 X 和 眼睛图标

情境：在 IE 浏览器下的 input 框中，输入内容时：

  1、 type = text 会自动生成一个 X。
  2、 type = password 会自动生成一个眼睛的图标。

解决：有时为了保证浏览器之间的一致性，就需要将这个样式取消掉

// 去掉IE input X 和 眼睛图标
input::-ms-clear,::-ms-reveal{
    display: none;
}

2、placeholder在 IE9 以下不兼容

解决：

  可以将下面的代码封装到一个方法或者一个placeholder.js中单独引入。

//   兼容ie9的placeholder
function isPlaceholder(){
   
    var input = document.createElement('input');
    return 'placeholder' in input;
}
if (!isPlaceholder()) {
  //不支持placeholder 用jquery来完成
    $(document).ready(function() {
   
        if(!isPlaceholder()){
            $("input").not("input[type='password']").each(//把input绑定事件 排除password框
                    function(){
   
                        if($(this