什么是默认占位符样式

Question

我希望输入文本样式看起来像HTML5占位符一样。我只是想知道，CSS中的默认占位符样式是什么。

Answer 1

每个浏览器都可以免费创建自己的默认样式

使自己的样式在占位持有人中使用所有标准使用::-webkit-input-placeholder。您也可以将其更改为input:focus::-webkit-input-placeholder

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
input:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}

<input placeholder="Stack Snippets are awesome!">