【小细节】给文字占位符设置颜色

未设置之前，文字和原型不一样
原型是白色的！！！

  <!-- 搜索框 -->
      <div class="search">
        <input
        class="input"
        type="text"
        placeholder="搜索联系人..."
        />
       </div>

.search {
  background: #fff;
}
.search .input {
  background: rgb(143, 210, 143);
  margin: 3%;
  border-radius: 90px;
  height: 1rem;
  text-indent:1em;
  width: 95%;
  color: #fff !important;
  text-align: left;
  border: 0.001rem solid gray;
  font-size: 0.38rem;
}

给文字占位符设置颜色,color不起效用

解决办法

用::placeholder

参考文档

 ::placeholder {
  color: #fff;
  font-size: 0.9em;
}

现在的效果
文字就都是白色的啦