html - 输入类型搜索 - 如何获得白色的占位符和清除按钮？

Question

在下面的示例中，如何获得白色的 placeholder 和 clear button？

谢谢。

.searcha{
  display:block;
  width:100%;
  padding:3px 9px;
  text-transform:uppercase;
  font-size:1rem;
  letter-spacing:0.5px;
  background:#006790;
  border:none;
  outline:none;
  color:white;
}

<input type='search' class='searcha' placeholder='&#x1F50D;'>

Answer 1

试试这个

.searcha {
  display: block;
  width: 100%;
  padding: 3px 9px;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.5px;
  background: #006790;
  border: none;
  outline: none;
  color: white;
}

::-webkit-input-placeholder {
  color: white;
}

<input type='search' class='searcha' placeholder='&#x1F50D; Placeholder'>