我想为 input[type="number"] 占位符显示 opacity:1

Question

我有一个带有input[type="number"] 的表单。

占位符在浏览器上显示降低的不透明度。 我想为输入占位符显示opacity:1。 input[type="text"] 显示正确，但 input[type="number"] 显示不正确。

不明白为什么会这样。

CSS：

input::-moz-placeholder{
  opacity: 1
}

textarea::-moz-placeholder{
  opacity: 1
}

谁能帮帮我？

Answer 1

尝试将 css 标记为重要，以便呈现

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

Answer 2

这是 Firefox 中的一个错误。这在 Firefox 中似乎不起作用。

检查Firefox bug和Firefox bug

Answer 3

在扩展支持下试试这个

input[type="number"]::moz-placeholder { 
  opacity:1 !important;
}
input[type="number"]:moz-placeholder { 
  opacity:1 !important;
}
input[type="number"]::-webkit-input-placeholder { 
  opacity:1 !important;
}

input[type="number"]:-ms-input-placeholder { 
  opacity:1 !important;
}