小编Ezz*_*din的帖子

仅更改输入占位符*颜色

我有多个输入字段,一些字段是required必需的字段提及*所以我只需要更改输入占位符*颜色,而不是更改整个占位符颜色检查下面的图像我真正需要的.

在此输入图像描述
我尝试过以下代码来实现这一点,但它可以改变占位符的整个颜色

div {
  margin:10px 0px;
}
input {
  width: 200px;
  border: none;
  border-bottom: solid 1px #8d97a0;
  padding: 5px;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
::-webkit-input-placeholder {
  color:red;
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <input type="name" name="name" id="name" placeholder="Name *">
</div>
<div>
  <input type="Email" name="email" id="email" placeholder="Email">
</div>
<div>
  <input type="phone" name="phone" id="phone" placeholder="Phone">
</div>
<div>
  <input type="password" name="password" id="password" placeholder="Password *">
</div>
Run Code Online (Sandbox Code Playgroud)

html css input placeholder

10
推荐指数
1
解决办法
2564
查看次数

标签 统计

css ×1

html ×1

input ×1

placeholder ×1