Question

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

输入[type =＆＃34; text＆＃34;] {background：gray;}

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

这是html标记：

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

我做错了什么？

Answer 1

您需要在input之后移除空格，否则将样式应用于[type="text"]

中包含的input

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

一些额外信息

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

上面的锚元素有一个.button类，所以为了使文本变红，你需要以下内容：

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

如果你现在在a和.button选择器之间添加一个空格，那么这将不再有效，因为你实际上在说＆＃34;在a元素内查看.button＆＃34;

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

但是下面的内容可行，因为.button现在嵌套在a元素中。

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

我还通过zfrisch附加了jsfiddle： https://jsfiddle.net/0kcvb3d6/

Answer 2

这是一些详细的例子。

<!DOCTYPE html>
<html>

<head>
  <style>
    input[type=text] {
      width: 200px;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      background-color: gray;
      color: white;
    }
    input[type=button] {
      width: 120px;
      margin-left: 80px;
      display: block;
    }
  </style>
</head>

<body>

  <form name="input" action="" method="post">
    Name:
    <input type="text" name="Name" value="Your Name" size="20">

    <input type="button" value="Submit">
  </form>

</body>

</html>

使用类型＆＃39; text＆＃39;进行表单输入有灰色背景

2 个答案: