Html 占位符显示了奇怪的行为类型=数字-Firefox

使用输入标记上显示的

：占位符

属性，选择占位符文本可见时的状态。这在谷歌Chrome上的文本输入框和数字输入框可以正常工作

谷歌浏览器：

Firefox在

字段上使用时似乎忽略了此属性

Firefox:

问题：为什么会出现这种情况，如何克服？

演示片段

输入：显示占位符{
背景：#000；
}

firefox在type=“number”、type=“time”和类似版本中不支持显示的

：占位符

这是你的电话号码

但是您可以使用
：-moz占位符来解决这个问题

请参见下面的代码：


输入：显示占位符{
背景：#000；
}
输入：：-moz占位符{
背景：#000；
颜色：#ddd；
不透明度：1；
}



现在似乎可以在没有前缀的情况下工作：