input输入框修改placeholder颜色

要修改input输入框的placeholder颜色，可以使用CSS的::placeholder伪元素。以下是一个简单的例子，展示如何更改placeholder的颜色：




input::placeholder {
  color: #909090; /* 更改为你想要的颜色代码 */
}

或者，如果你想针对不同的input类型设置不同的placeholder颜色，可以这样做：




input::placeholder {
  color: grey; /* 默认颜色 */
}
 
input[type="text"]::placeholder {
  color: blue; /* 文本输入框placeholder颜色 */
}
 
input[type="password"]::placeholder {
  color: red; /* 密码输入框placeholder颜色 */
}

将上述CSS代码添加到你的样式表中，并确保它在你的HTML中的input元素之后被加载，以保证选择器的优先级足够高。

input输入框修改placeholder颜色

评论已关闭

推荐阅读