设置input placeholder文本的样式

最新推荐文章于 2025-03-17 15:08:30 发布

脚下的黑珍珠号

最新推荐文章于 2025-03-17 15:08:30 发布

阅读量516

点赞数

分类专栏： css 兼容性

本文链接：https://blog.youkuaiyun.com/like_jack/article/details/72844551

版权

css 同时被 2 个专栏收录

22 篇文章

订阅专栏

兼容性

9 篇文章

订阅专栏

placeholder 属性是 HTML5 中的新属性。规定帮助用户填写输入字段的提示。
兼容火狐和webkit，需要加上前缀（见下代码）。
IE从IE 10开始支持placeholder属性。
代码

//谷歌
#set-placeholder-webkit::-webkit-input-placeholder {
    color:#00f; 
    background:red;
    text-transform:uppercase;
}

//火狐
set-placeholder-mozilla::-moz-placeholder { color:#00f; }

//IE10
set-placeholder-ms::-ms-input-placeholder{color:red;}