一些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/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章