设置input placeholder文本的样式

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

原创最新推荐文章于 2024-04-18 15:39:08 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

css 同时被 2 个专栏收录

22 篇文章

订阅专栏

兼容性

9 篇文章

订阅专栏

本文介绍了HTML5中新增的placeholder属性，该属性用于提供输入字段的提示信息。文章详细解释了如何为不同浏览器设置样式，包括火狐、WebKit（如谷歌浏览器）及IE10及以上版本。

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;}