html - 使类型为 'text' 的表单输入具有灰色背景

Question

这是解决这个简单请求的正确方法吗？

输入 [type="text"]{ 背景:灰色;}

当我刷新我的 html 时，我定位的输入框没有改变。

这是 html 标记:

<input type="text" name="name" />

我做错了什么？

Answer 1

您只需要删除 input 之后的空格，否则样式将应用于包含在 input 中的 [type="text"]/p>

input[type="text"] {
    background: gray;
}

---

一些额外的信息

<a href="#" class="button">Text</a>

上面的 anchor 元素有一个 .button 类，因此要使文本变成红色，您需要以下内容:

a.button {
    //No space
    color: red;
}

如果您现在在 a 和 .button 选择器之间添加一个空格，这将不再起作用，因为您实际上是在说“查看 a .button 的元素。

a .button {
    //Space
    color: red;
}

但是下面的代码会起作用，因为 .button 现在嵌套在 a 元素中。

<a href="#"><span class="button">Text</span></a>

---

我还附加了 zfrisch 的 jsfiddle | : https://jsfiddle.net/0kcvb3d6/