CSS3-::section选择器、::placeholder选择器的用法说明

::section 选择器

::selection 选择器用于设置匹配元素中被用户选中或处于高亮状态的部分；::selection 只能设置少数的CSS属性：color、 background、cursor、和 outline

p {
	width: 300px;
	border: 1px solid gray;
}

p::selection {
	color: red;
	background: yellow;
}

<p>
	这是一段文本，选中看效果。这是一段文本，选中看效果。这是一段文本，选中看效果。
	这是一段文本，选中看效果。这是一段文本，选中看效果。这是一段文本，选中看效果。
</p>

::placeholder 选择器

::placeholer 选择器于控制表单输入框占位符的外观，默认的文字占位符为浅灰色

需要注意的是：除了Firefox是 ::[prefix]placeholder，其他浏览器都是使用 ::[prefix]input-placeholder

• [prefix]
  • -webkit- Chrome 浏览器、苹果浏览器
  • -moz- Firefox 火狐浏览器
  • -ms- IE 浏览器
  • -o- 欧鹏浏览器

<input type="text" placeholder="提示信息（占位符）" />

input::-webkit-input-placeholder{
	font-size: 5px;
	color: red;
}