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

标签 css html forms

<分区>

如果我有一个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"/>

关于css - 有没有办法改变 HTML5 文本框水印的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31568824/

上一篇:html - 覆盖 BootStrap CSS - 难以理解特异性

下一篇:html - 固定位置&居中不在中心

相关文章:

html - Django 中表单输入字段的 CSS 样式

css - 边框为 :before

javascript - Angular:如何刷新 html 的一部分( form/div/table )

database - MS Access 从不同的表加载值以控制数据表形式的源

php - 如何使用php中的代码在数据库中插入动态表单字段的值

CSS:Bootstrap 菜单项右对齐

javascript - 使用动态内容平滑 jScrollPane 滚动条长度调整

javascript - Bootstrap v4 : text-only carousel only center text upon sliding completion (sticked to the top otherwise)

html - CSS 间距关闭,不确定是什么原因造成的

javascript - 如何将 Javascript 变量值放入 CSS?