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

Question

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

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

更新

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

---

编辑(来自OP答案):

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

Answer 1

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

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

Answer 2

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