FF29+ 中的 input[type=number] 占位符颜色

Posted 2023-03-05

【中文标题】FF29+ 中的 input[type=number] 占位符颜色

【英文标题】：input[type=number] placeholder color in FF29+

【发布时间】：2014-06-24 03:18:42

【问题描述】：

<input type="text" placeholder="test" />
<input type="number" placeholder="test" />

我该如何设计它？

:-moz-placeholder 
  color: red;
  opacity: 1;


::-moz-placeholder 
  color: red;
  opacity: 1;

为什么全局占位符对它不起作用，即使 firebug 显示它已应用？是bug还是故意？

http://jsbin.com/papad/1/edit?html,css,output

【问题讨论】：

我有 FF29 自动取款机，你的 JSBIN 向我展示了漂亮的红色 :D 另外：caniuse.com/#search=moz-placeholder

欢迎来到 Stack Overflow。您应该在问题本身中提供所有基本信息（尤其是相关代码）。这次我替你做了。

@HansWassink 多么奇怪：我在 MacOS 上也有 FF29，我看到第二个输入的灰色占位符

见：jsfiddle.net/swfour/LKC2K/2 - 这对你有用吗？

@foxx - 你说得对，我已经删除了不污染线程的答案

【参考方案1】：

这显然是一个错误：

Firefox 29.0 the ::-moz-placeholder css pseudo-element selector is not honored for with type="number"

但是，它似乎对某些用户确实有效...