有没有办法改变HTML5文本框水印的颜色？

Question

如果我有一个HTML5文本框如下

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

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

Answer 1

请参阅this answer。

简而言之，您需要使用CSS选择器将规则应用于每个浏览器，以不同方式处理该过程。

＆＃13;

＆＃13;

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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;