css - 将输入占位符颜色更改为更暗

Question

按照这篇文章（样式文本输入占位符），我可以将文本输入占位符的颜色更改为红色。但它始终是浅红色，而不是完全红色。

有没有办法让它完全变成红色？

更新

Chrome 上的颜色是红色（这是正确的），Firefox 上的颜色不是红色，它是浅红色或模糊的，我猜到了。

编辑（来自 OP 答案）：

请查看此示例（http://jsfiddle.net/LQkQG/），Chrome上的颜色为红色，而light-redFirefox 上的颜色为红色。我希望 Firefox 上的颜色与 Chrome 相同。

score 58 · Accepted Answer

我发现您需要覆盖不透明度。

::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
     opacity: 1 !important;
}

score 22 · Accepted Answer

是的，通过 HEX（十六进制）设置它的值，您可以更好地控制要使用的颜色。鲜红色（尽可能红色）的颜色是#FF0000

然而，Firefox 是一个叛逆者，需要被告知使用什么不透明度。

作为参考，请查看此图表

::-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;
}

score -3 · Accepted Answer

-3

输入颜色的十六进制值。

也许使用像http://www.colorpicker.com/这样的工具？

于 2013-03-19T10:59:48.310 回答

score -4 · Accepted Answer

访问：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>

代替颜色代码，您可以编写您想要的任何颜色

css - 将输入占位符颜色更改为更暗

4 回答 4

Related

Reference