css - 占位符文本颜色不适用于提交类型

Question

我关注了this discussion关于在占位符中设置文本样式，但我仍然遇到问题。

看下面的代码。出于某种原因，背景渐变对我的输入字段和提交按钮都有效但占位符的文本颜色在前者中只有黑色。如果它被禁用，最后一个仍然是灰色的。为什么会这样，可以做些什么？

div.login input[type=text],
div.login input[type=submit]{
  box-shadow: inset 1px 0px 0px 1px rgba(40, 40, 255, .6);
  background: #989898;
  background: -moz-linear-gradient(top,  #ffffff 0%, #cc66ee 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#cc66ee 100%);
}

input::-webkit-input-placeholder{
  color: #000000;
}

input:-moz-placeholder{
  color: #000000;
}

我在 Chrome 和 FF 上都试过了。

请不要回复说问题出在我在不同情况下使用单/双冒号(除非您有非常重要的理由)。显然应该是这样，因为一个引用伪类，另一个引用伪元素。

Answer 1

我刚刚意识到为什么是这样的以及如何解决它。

为什么？

因为按钮上的文本不是占位符，我错误地相信了这一点。这只是一个普通的文本。

怎么做？

通过使用“颜色”的神秘风格。