加载中…
个人资料
HTML5Web应用程序开发
HTML5Web应用程序开发
  • 博客等级:
  • 博客积分:0
  • 博客访问:145,906
  • 关注人气:168
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

对placeholder中的文字使用样式

(2011-04-02 21:05:09)
标签:

web浏览器

样式

属性

杂谈

分类: HTML5

    本文介绍如何对HTML5中的新增属性—placeholder属性来使用样式,以美化文本框中提示文字的视觉效果(该属性的详细说明请参阅《HTML5 CSS权威指南》一书)。请注意,并非所有浏览器支持这个功能。在Firefox4及Webkit系列的Web浏览器(Chrome9,Safari5)中,可以参照如下所示的代码,使用CSS选择器来对place-holder属性使用样式。

input:-moz-placeholder {

        font-weight:bold;

        color:blue;

}

 

input::-webkit-input-placeholder {

        font-weight:bold;

        color: blue;

}

      使用样式后在浏览器中的视觉效果如下图所示。

对placeholder中的文字使用样式

在FireFox浏览器中

对placeholder中的文字使用样式

Chrome浏览器中





 

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有