如何使用文本框“id”更改文本框placehoder的颜色

Question

<input type="text" id="sample" placeholder="hai"/> 

此处如何使用文本框“id”更改占位符的颜色？

Answer 1

您可以使用CSS做

样品CSS

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

jsfiddle

Answer 2

你必须使用CSS来做到这一点：

input#hai::-webkit-input-placeholder { 
    color: red !important; 
} 

input#hai:-moz-placeholder { /* Firefox 18- */ 
    color: red !important; 
} 

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

input#hai:-ms-input-placeholder { 
    color : red !important; 
}