CSS设置input placeholder文本的样式
2016-11-22 17:29
501 查看
placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。
当然我们今天讨论的不是placeholder这个属性,而是设置placeholder的文本样式的选择器。
当然,和CSS设置::selection选中文本样式一样,你只能设置几个和文本有关系的CSS样式:Color, font-style, font-varian, background, text-decoration
实例demo
PS:IE从IE 10才开始支持placeholder属性,伪选择器名字还不得而知,估计是加前缀-ms-了
当然我们今天讨论的不是placeholder这个属性,而是设置placeholder的文本样式的选择器。
/* webkit 浏览器*/ #field1::-webkit-input-placeholder { color:#00f; } #field2::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } #field3::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* 火狐浏览器 */ #field1::-moz-placeholder { color:#00f; } #field2::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } #field3::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
当然,和CSS设置::selection选中文本样式一样,你只能设置几个和文本有关系的CSS样式:Color, font-style, font-varian, background, text-decoration
实例demo
PS:IE从IE 10才开始支持placeholder属性,伪选择器名字还不得而知,估计是加前缀-ms-了
相关文章推荐
- HTML中如何用CSS设置文本样式
- css设置文本样式
- CSS(四) 设置文本样式
- css样式设置高度不定文本垂直居中
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- CSS设置文本样式
- CSS设置input placeholder文本的样式
- 【CSS笔记】CSS设置文本样式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- CSS:设置文本与字体样式
- 第六步:页面内的基本文本的样式(css)设置
- CSS设置input placeholder文本的样式
- css设置网页文本选中样式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- 第21节 css设置文本样式
- css应用表格排版td中的文本过长,设置不换行,随内容同行显示样式
- CSS设置input placeholder文本的样式
- 05使用CSS设置字体和文本样式
- HTML中如何用CSS设置文本样式