1

我已经关注了关于在占位符中设置文本样式的讨论，但我仍然遇到问题。

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

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 上都试过了。

请不要回答我在不同情况下使用单/双冒号的问题（除非你有一个非常重要的理由）。显然应该是这样，因为一个指的是伪类，另一个指的是伪元素。

4

1 回答 1

0

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

为什么？

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

如何？

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

于 2012-07-30T09:30:11.013 回答