相关疑难解决方法(0)

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

Chrome支持占位符属性input[type=text]元素(别人可能做太多).

但以下CSS内容对占位符的值没有任何作用:

input[placeholder], [placeholder], *[placeholder] {
    color: red !important;
}
Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Value">
Run Code Online (Sandbox Code Playgroud)

Value仍然会留下grey而不是red.

有没有办法改变占位符文本的颜色?

html css html5 placeholder html-input

3876
推荐指数
29
解决办法
171万
查看次数

使用CSS更改输入的HTML5占位符颜色在Chrome上不起作用

我试着按照以下主题,但没有成功. 使用CSS更改HTML5输入的占位符颜色

我尝试着色我的占位符,但它仍然在Chrome 17.0.963.56米上保持灰色.

HTML

<input type='text' name='test' placeholder='colorize placeholder' value='' />
Run Code Online (Sandbox Code Playgroud)

CSS

INPUT::-webkit-input-placeholder, 
INPUT:-moz-placeholder {
    color:red;
}
input[placeholder], [placeholder], *[placeholder]
{
    color:green !important;
}
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

在Firefox 10.0.2上,它运行良好.

css google-chrome placeholder

41
推荐指数
3
解决办法
6万
查看次数

标签 统计

css ×2

placeholder ×2

google-chrome ×1

html ×1

html-input ×1

html5 ×1