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