3.美化表单元素

美化表单元素

新的伪类选择器

1. focus

元素聚焦时的样式，即搜索栏点中后的样式

2. checked

单选或多选框被选中的样式

input:checked+label{
}

给被选中元素套上label，让后让label元素变色即可

常见样式

1. 重置表单元素样式
2. 设置多行文本框是否允许调整尺寸

resize 属性
-both：两个方向都可以
-none：不能调整取值
-horizontal：水平方向可以调整尺寸
-vertical：垂直方向可以调整尺寸

3. 文本框边缘到内容的距离

-text-indent:nem;n为要空的字符数

4. 控制单选和多选的样式

样式自己制作，然后把它放到表单元素的每一个内容前（用label框柱这一部分），最后把display:none;隐藏input元素