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

时间:2013-03-19 10:57:52

标签: css input textarea placeholder

按照这篇文章(Style text input placeholder),我可以将文本输入占位符的颜色更改为红色。但它总是浅红色,而不是红色。

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

更新

Chrome上的颜色是红色(这是正确的),Firefox上的颜色不是红色,它是浅红色或模糊的,我猜到了。

http://i279.photobucket.com/albums/kk132/svincoll4/2013-03-19_181239_zps84166305.png


编辑(来自OP答案):

请检查此示例(http://jsfiddle.net/LQkQG/),Chrome上的颜色为红色,但Firefox上的颜色为light-red。 我希望Firefox上的颜色与Chrome相同。

4 个答案:

答案 0 :(得分:51)

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

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

答案 1 :(得分:21)

是的,通过HEX(十六进制)设置其值可以更好地控制要使用的颜色。 鲜红色(颜色为红色)为#FF0000

但是,Firefox需要告诉叛逆者使用什么不透明度。

如需参考,请查看this chart

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

答案 2 :(得分:-3)

输入颜色的十六进制值。

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

答案 3 :(得分:-4)

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

代替颜色代码,你可以写出你想要的颜色