如何在html中更改输入占位符的颜色

时间:2015-01-25 09:27:30

标签: html

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

<input type="text" placeholder="input here"/>

2 个答案:

答案 0 :(得分:3)

这是jsFiddle给你。 Solution

您可以使用以下css实现相同的

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

答案 1 :(得分:0)

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

<input type="text" placeholder="input here" />

然后在你的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/中的输出 谢谢&amp;此致