自定义input默认placeholder样式

最新推荐文章于 2024-04-18 15:39:08 发布

转载最新推荐文章于 2024-04-18 15:39:08 发布 · 562 阅读

H5和Css3 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用CSS来统一网页中各种输入框的占位符颜色的方法，通过设置不同的伪类选择器确保了所有浏览器下的一致性表现。

input::input-placeholder {
    color: #fb4747;
}
 
input::-webkit-input-placeholder {
    color: #fb4747;
}
 
input:-ms-input-placeholder {
    color: #fb4747;
}
 
input:-moz-placeholder {
    color: #fb4747;
}
 
input::-moz-placeholder {
    color: #fb4747;
}
 
input:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0);
}
 
input:focus::-moz-input-placeholder {
    color: rgba(0, 0, 0, 0);
}