CSS：为什么在Chrome和Firefox中颜色代码＃999的阴影不同？

Question

我需要如下更改HTML5输入占位符样式。

input[type="text"]#myInput::placeholder {
font-size: 13px;
  font-family: helvetica;
  color: #999;
  font-weight: 400;
}

在上面的代码段中，我使用了＃999色阴影，但是在chrome和IE中看起来很不错，而在Firefox中看起来很浅。

我的示例代码在这里：https://codepen.io/JGSpark/pen/MMQxER?&editable=true

请先在Chrome中浏览，然后在Firefox中尝试。

PS：我正在使用Chrome 75 +，Firefox 67 +，IE11

有人可以帮我在所有浏览器中使它看起来相似吗？

Answer 1

默认情况下，版本19及更高版本中的Firefox将40％（0.4）的不透明度应用于占位符文本。只需添加不透明度：1;

input:-moz-placeholder,
input::-moz-placeholder {
    opacity: 1 !important;
}