默認的佔位符風格是什麼？

Question

我希望輸入文本樣式看起來像HTML5佔位符一樣。 我只是想知道，什麼是默認的CSS佔位符風格。

Answer 1

每個瀏覽器都可以自由創建自己的默認樣式

爲了讓自己的風格佔位符使用::-webkit-input-placeholder與所有標準。你也可以改變它的onfocus像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!">