输入文本 CSS 名称颜色未生效

Question

我有一个包含多个控件的联系表单，但我无法设置在用户输入详细信息之前出现在控件中的名称的颜色。我尝试使用 color 但这会改变用户输入值的颜色。

/* Contact Form */
input[type="text"]#name { 
    color: #000000;
    background-color : #ffffff; 
}

Answer 1

input[type="text"]#name{}

它指的是文本类型和 id="name" 的输入。请更新。

Answer 2

您需要设置占位符的样式。目前在不同的浏览器中是不同的。

这是 Bootstrap 的混音 - 您可以看到生成的 CSS 的样子。

.placeholder(@color: @input-color-placeholder) {
  &::-moz-placeholder           { color: @color;   // Firefox
                                  opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
  &:-ms-input-placeholder       { color: @color; } // Internet Explorer 10+
  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
}

输入文本 CSS 名称颜色未生效

Input text CSS name color not taking effect

css

forms