CSS设置input placeholder文本的样式
2016-09-28 19:43
295 查看
placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。
下面是设置placeholder的文本样式的选择器的示例:
当然,和CSS设置::selection选中文本样式一样,你只能设置几个和文本有关系的CSS样式:Color, font-style, font-varian, background, text-decoration
PS:IE从IE 10才开始支持placeholder属性,伪选择器名字还不得而知,估计是加前缀-ms-了
下面是设置placeholder的文本样式的选择器的示例:
/* webkit 浏览器*/ #field::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* 火狐浏览器 */ #field::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
当然,和CSS设置::selection选中文本样式一样,你只能设置几个和文本有关系的CSS样式:Color, font-style, font-varian, background, text-decoration
PS:IE从IE 10才开始支持placeholder属性,伪选择器名字还不得而知,估计是加前缀-ms-了
相关文章推荐
- Spinner样式大全
- 浅谈html引入css的几种方式
- 当页面内容不够的时候,怎么让footer一直底部显示?
- gulp-sass设置不同样式风格的输出方法
- 用CSS制作出绚丽燃烧的火狐狸
- Css调整字体间距
- CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)
- CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
- CSS3模拟IOS滑动开关效果
- 探索 CSS3 中的 box-shadow 属性
- CSS3打造磨砂玻璃背景效果
- JS如何调用CSS样式表
- CSS清除浮动
- css文本换行你所不知道的技巧
- css中单位px和em,rem的区别
- CSS3的REM设置字体大小
- CSS3制作hover下划线动画
- html css 加载问题
- 在线的CSS 3D Web图形编辑器 -- Tridiv【css 3D】
- .. . 使用css如何操作Table没有外边框只有内边框