html5新建css样式,HTML5的Placeholder下添加CSS样式

原标题:HTML5的Placeholder下添加CSS样式

在HTML5中新增了许多新特性,其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。

placeholder属性适用于下面的表单input类型:text、search、url、tel、email 和 password。IE10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。在支持placeholder属性的浏览器中,placeholder默认显示为灰色。例如下面的示例:

918daf412eaaa91757b609f9a42bf52a.png

我们可以通过CSS来控制placeholder占位文字的样式。各个浏览器厂商都为placeholder属性提供了各自版本的伪类控制属性:

78610ec99240dacb3e1949846062fb62.png

通过这些伪类,我们就可以修改placeholder占位文字的样式。

6b87cf76a5f9372bd84263bc65a481c4.png

生成上面的placeholder占位文字样式的CSS代码如下:

责任编辑:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值