我想显示不透明度：1表示输入[type =“number”]占位符

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;
}