html - 如何设置输入文本的背景颜色？

Question

.field {
  float: right;
  width: 170px;
  height: 23px;
  font: normal 13px Arial, Helvetica, sans-serif;
  padding: 6px 24px 6px 6px;
  background: #c1caca;
  margin: 25px 10px
}
.search {
  background: url(../images/search-icon.png) right no-repeat;
}

<div>
  <form action="#" method="post">
    <input type="text" class="field search ">
  </form>
</div>

Answer 1

search 的

background 覆盖了颜色，背景颜色由 background-color 而不是 background

.field {
  float: right;
  width: 170px;
  height: 23px;
  font: normal 13px Arial, Helvetica, sans-serif;
  padding: 6px 24px 6px 6px;
  background-color: #c1caca;
  margin: 25px 10px
}
.search {
  
}

<div>
  <form action="#" method="post">
    <input type="text" class="field search ">
  </form>
</div>