【css杂记】css兼容处理杂记 1

1、iOS上输入框（input）、输入区域（textarea）在框体内侧顶部会有灰色阴影，去掉的方法：

input{
-webkit-appearance:none;
}
textarea{
-webkit-appearance:none;
}

2、Chrome在输入框（input）、输入区域（textarea）被聚焦（focus）时，会多出蓝色/黄色边框，去掉方法：

input:focus{
outline:none;
}
textarea:focus{
outline:none;
}

3、支持HTML5属性的浏览器中，输入区域（textarea）默认是可缩放的，禁止缩放的方法：

textarea{
resize:none;
}

4、ie10+中，所有输入框（input）输入最后会有黑色叉叉按钮，去掉的方法：

input::-ms-clear{
display:none;
}

5、ie10+中，密码输入框（input[type="password"]）输入时，最后会有小眼睛，去掉的方法：

input[type="password"]::-ms-reveal{
display:none;
}