怎么改变placeholder提示字的颜色用CSS

作者：System 时间：2024年08月15日分类：所有,css 字数：407

要改变placeholder提示字的颜色，可以使用CSS的::placeholder伪元素。以下是一个示例代码：




input::placeholder {
  color: #909090; /* 将颜色改为灰色 */
}

或者如果你想针对特定的input元素改变placeholder的颜色，可以增加一个类选择器：




input.my-input::placeholder {
  color: #333333; /* 将颜色改为深灰色 */
}

然后在HTML中给input元素添加my-input类：




<input type="text" class="my-input" placeholder="请输入内容">

这样就可以实现改变placeholder提示字的颜色。