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

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

我刚刚意识到为什么就是这样，如何来解决它。

为什么？

因为按钮上的文字不是占位符，我误认为。这只是一个普通的文本。

怎么样？

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