美化表单元素
新的伪类
1.focus
元素聚焦时的样式
2.checked
单选或多选框被选中的样式
常见用法
1.重置表单元素样式
outline偏移量初始化,取消outline
2.设置textarea是否允许调整尺寸
css属性resize
当resize为both:默认值两个方向都可以调整尺寸
none:不能调整
horizontal:水平方向可以调整
vertical:垂直方向可以调整
3.文本框边缘到内容的距离
下面任意一个都可以做到首行缩进
4.控制单选和多选的样式
label的子元素不可以为div
改变勾选处的样式思路:将新图标关联到label中,选中原图标则选择到新图标显示,最后将原图标的display改为none