CSS樣式佔位符文本

我想設置樣式佔位符文本，但我似乎無法選擇它。如果我的輸入是這樣的：CSS樣式佔位符文本

<input id="search" class="search-query" placeholder="Placeholder text here" name="" value"">

如何在CSS中選擇佔位符文本的樣式？

來源

2013-01-21 user1995822

複製http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – aug

::-webkit-input-placeholder { 
    color: red; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: red; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: red; 
} 

:-ms-input-placeholder { 
    color: red; 
} 

/* All modern browsers except IE and EDGE */ 
::placeholder { color: red }

演示：http://jsfiddle.net/DLGFK/

來源

2013-01-21 02:47:20 AlienWebguy

謝謝，對不起，我使用LESS開始，那就是我搞亂的地方。上述選擇器按預期工作 – user1995822

@AlienWebGuy除IE/EDGE以外的所有現代瀏覽器現在都支持未標記的僞類':: placeholder'，請參閱[caniuse.com]（https://caniuse.com/#feat=css-placeholder） – hitautodestruct

CSS樣式佔位符文本

回答

相關問題