如何使用html更改输入框的占位符颜色。

11 浏览
0 Comments

如何使用html更改输入框的占位符颜色。

这个问题已经有了答案：

使用CSS更改HTML5输入占位符的颜色

我想更改文本字段的占位符的颜色。这是我的代码。提前感谢。

admin 更改状态以发布 2023年5月25日
0

2 答案

0 Comments

您可以使用样式来更改占位符的颜色。

然后在您的css中编写-

::-webkit-input-placeholder { /* WebKit browsers */
    color:    Red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    Red;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:   Red;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    Red;
}

在http://jsfiddle.net/w1wjo6q4/1/中查看输出
谢谢＆祝好

0
0 Comments

这里给你一个 jsFiddle 的例子。请点击这里查看解决方案。\n你可以使用以下 CSS 实现相同的效果。\n

::-webkit-input-placeholder { /* WebKit browsers */
  color:    #909;
}
:-moz-placeholder {
  color:    #999;
}
::-moz-placeholder {
  color:    #999;
}
:-ms-input-placeholder {
  color:    #999;
}

0