一些CSS兼容性处理写法汇总。

一、placeholder修改样式兼容性写法:
由于placeholder是h5新特性之一,目前还有兼容性问题,所以这样写以兼容各浏览器。


        input::-webkit-input-placeholder{
            color:red;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:red;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:red;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:red;
        }

针对不同浏览器或不同版本的浏览器会有不同的写法,会添加相应的前缀。

注意:

1、WebKit, Blink, Edge浏览器等需要带上-webkit-前缀,且是双冒号,写的时候还要带上input

2、针对火狐浏览器则有两种写法,一种是针对低版本的,一种是针对高版本的,二者都需要带上-moz-前缀。要点1:火狐低版本的使用冒号(:),而高版本的使用双冒号(::);要点2:火狐浏览器不需要像webkit内核那样要带上input。

3、由于placeholder属性只在IE10+才支持,因此,针对IE10、IE11的写法是加上-ms-前缀,使用的是冒号(:),需要带上input

特别强调:冒号与双冒号的问题,还有是否需要加上input

作者:江峰★ 出处:http://www.cnblogs.com/jf-67/

猜你喜欢

转载自blog.csdn.net/SilenceJude/article/details/86032934