css - 有没有办法更改HTML5文本框水印的颜色？

This question already has answers here:

Change an HTML5 input's placeholder color with CSS
                                
                                    （36个答案）
                                
                        
                                4年前关闭。
            
                    
如果我有一个HTML5文本框，如下所示

<form>
    <input type="text" name="mytextbox" placeholder"MyTextBox"/>
</form>

有没有办法使用HTML或CSS从默认的浅灰色更改占位符/水印的颜色？

最佳答案

请参见this answer。

简而言之，您需要使用CSS选择器将规则应用于每个浏览器，从而对处理过程进行不同的处理。

input.mytextbox::-webkit-input-placeholder {
  /* WebKit browsers */
  color: red;
}

input.mytextbox:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: red;
  opacity: 1;
}

input.mytextbox::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: red;
  opacity: 1;
}

input.mytextbox:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: red;
}

<input class="mytextbox" type="text" name="mytextbox" placeholder="MyTextBox"/>