Html 使用'类型进行表单输入；文本'；有灰色背景

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

输入[type=“text”]{背景：灰色；}

当我刷新html时，目标输入框不会改变

以下是html标记：

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

---

我做错了什么？

您只需删除

输入后的空格

，否则样式将应用于

输入中包含的
[type=“text”]

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


一些额外的信息

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

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

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

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




我还通过以下方式附加了JSFIDLE：
您只需删除
输入
后的空格，否则样式将应用于
输入
中包含的
[type=“text”]

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


一些额外的信息

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

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

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

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




我还通过以下方式附加了JSFIDLE：
这里有一些详细的例子



输入[类型=文本]{
宽度：200px；
显示：块；
边缘顶部：10px；
边缘底部：10px；
背景颜色：灰色；
颜色：白色；
}
输入[类型=按钮]{
宽度：120px；
左边距：80px；
显示：块；
}
姓名：
以下是一些详细的示例



输入[类型=文本]{
宽度：200px；
显示：块；
边缘顶部：10px；
边缘底部：10px；
背景颜色：灰色；
颜色：白色；
}
输入[类型=按钮]{
宽度：120px；
左边距：80px；
显示：块；
}
姓名：
注意：输入标记在HTML中没有结束斜杠。这不是一个错误，但它不是必需的，被浏览器忽略，在HTML文档中也没有调用。注意：输入标记在HTML中没有结束斜杠。这不是一个错误，但它不是必需的，被浏览器忽略，在HTML文档中也不需要。