CSS3中,如何设置text文本框中,placeholder的字体颜色大小等
2016-06-11 21:51
549 查看
1.CSS3中可以通过placeholder属性为文本框(text)或者文本域(textarea)设置默认值, 效果如下所示: 我们发现,placeholder字体的颜色默认为偏灰色,如何改变placeholder字体的属性呢? 2.CSS3的伪类为::,而CSS2的伪类为: 为了保持兼容性,我们可以得到如下代码:
::-webkit-input-placeholder {
color: red;
} :-moz-placeholder {/* Firefox 18- */
color: red; }
::-moz-placeholder{/* Firefox 19+ */
color: red;
}
:-ms-input-placeholder {
color: red;
}
我们既可以改变字体颜色,也可以改变其他效果,简单改变后的效果如下所示:
相关文章推荐
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- 新时代编辑神器:Atom
- flash 系统字体显示问题
- 如何使用CSS3画出一个叮当猫
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- C#及WPF获取本机所有字体和颜色的方法
- 谈谈网页设计中的字体应用Font Set
- PDF里的文字显示模糊的解决方法
- 保证可下载的漂亮动作2008奥运比赛项目字体
- C#实现字体旋转的方法
- 网页设计中的 serif 和 sans-serif字体应用