更改输入占位符颜色较暗

按照这篇文章(样式文本输入占位符),我可以将文本输入占位符的颜色更改为红色。 但它总是一种浅红色,不完全是红色。

有什么方法可以让它完全变成红色吗?

更新

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相同。


我发现你需要重写不透明。

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

是的,通过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;
}

输入颜色的十六进制值。

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

链接地址: http://www.djcxy.com/p/70525.html

上一篇: Change input placeholder color darker

下一篇: placeholder does not work in Firefox