按照此文章( 样式文本输入占位符 ),我可以将文本输入占位符的颜色变为红色。 但它始终是一个轻红色,不完全是红色。
有没有什么办法让它红色是什么呢?
更新
上铬的颜色是红色(这是正确的),Firefox上的颜色不红,它是浅红色或模糊,我猜测。
编辑(从OP答案):
请检查这个例子( http://jsfiddle.net/LQkQG/ ),颜色为红色在Chrome,但light-red
的Firefox浏览器。 我想在Firefox相同颜色与Chrome浏览器。
按照此文章( 样式文本输入占位符 ),我可以将文本输入占位符的颜色变为红色。 但它始终是一个轻红色,不完全是红色。
有没有什么办法让它红色是什么呢?
更新
上铬的颜色是红色(这是正确的),Firefox上的颜色不红,它是浅红色或模糊,我猜测。
编辑(从OP答案):
请检查这个例子( http://jsfiddle.net/LQkQG/ ),颜色为红色在Chrome,但light-red
的Firefox浏览器。 我想在Firefox相同颜色与Chrome浏览器。
我发现,你需要重写的不透明度。
::-webkit-input-placeholder { /* WebKit browsers */
color: red;
opacity: 1 !important;
}
是的,通过HEX(十六进制),其值设置你的使用什么颜色的更好的控制。 颜色为鲜红色(红色,因为它得到)是#FF0000
火狐,不过是一个反叛需要被告知什么不透明度来使用。
作为参考看看这张图
::-webkit-input-placeholder {
color: #FF0000;
opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}
:-moz-placeholder { /* Firefox 18- */
color: #FF0000;
opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #FF0000;
opacity: 1 !important;
}
:-ms-input-placeholder {
color: #FF0000;
}
输入该颜色的十六进制值。
也许使用像一个工具http://www.colorpicker.com/ ?
访问: http://www.w3schools.com/html/html_colors.asp
<html>
<head>
<style type="text/css">
input, textarea { color: #000; }
.placeholder { color: #aaa; }
</style>
</head>
<body>
<form action="" method="post">
<input type="text" name="user" placeholder="enter a text" />
<input type="submit" value="submit" onclick="test()" />
</form>
在色码的地方,你可以编写过颜色,你想