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

时间:2015-01-13 06:50:41

标签: css forms

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

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

2 个答案:

答案 0 :(得分:0)

您需要设置占位符的样式。目前各浏览器的情况有所不同。

这是Bootstrap的mixin - 你可以看到生成的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
}

答案 1 :(得分:-1)

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

它指的是具有类型文本的输入,并且具有id =" name"。请更新它。