input输入框修改placeholder和readonly的样式

最新推荐文章于 2024-06-20 15:52:27 发布

原创最新推荐文章于 2024-06-20 15:52:27 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#input #placeholder #readonly

css3 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何使用CSS来设置不同浏览器下输入框的占位符颜色及只读状态的颜色，确保了网页表单元素在各种现代浏览器中的一致性和美观性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前写过，却没有整理，结果在写的时候又忘了，又要重新查，好麻烦。

现在自己写写，以后就不会忘了。

placeholder：

::-webkit-input-placeholder { /* WebKit browsers */
    color: red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: red;
}