placeholder样式修改

各浏览器样式设置

1、冒号前写对应的input或textarea元素等。
2、placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。

::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{}                  /* Firefox版本4-18 */
::-moz-placeholder{}                  /* Firefox版本19+ */
:-ms-input-placeholder{}           /* IE浏览器 */

demo

#input-test {
    color: #FFC0CB;
}
#input-test::-webkit-input-placeholder {
        color: #ADD8E6;
}

网站导航

网站导航