CSS：为什么颜色代码 #999 的颜色在 Chrome 和 Firefox 中不同？ [复制]

Question

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

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

在上面的 sn-p 中，我使用了 #999 色度，但它在 chrome 和 IE 中看起来很像，在 Firefox 中看起来很浅。

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

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

P.S：我使用的是 Chrome 75+、Firefox 67+、IE11

谁能帮我让这个在所有浏览器中看起来都相似？

Answer 1

Firefox 19 及更高版本默认将 40% (0.4) 的不透明度应用于占位符文本。只需添加 opacity: 1;

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