发表于： 2016-08-16 23:47:41
2 1337
今天完成的事：
1.任务9
明天计划的事：
1.任务10
收获：
1.伪元素before和after可以用display做成形状，记得加上content""
2.同类图标应使用固定大小切片
3.before和after可以使用vertical-align
4.使用input[radio]:checked + label来改变单选框的样式
（扩展来看这个解决了之前很多问题，比如7-1的点击动画切换。强化版有~选择器）
5.background-position可以直接使用center和上下左右作为值
6.改变select下拉框样式
7.input的required属性
（radio的话可用checked:checked;代替）
遇到的问题：
1.在文字前加before伪元素时，伪元素和文字水平不对齐
（给伪元素加一个float:left）
2.radio出现可以多选的情况
（同类单选框设置同样的name）
3.多个单选框下面各包含输入框时，如何只让选中的单选框下的输入框必填
（想象中是这样↓可是说没有required这个属性）
input[type="radio"]:checked ~ input[type="number"]{
required: required;
}
4.select的文字无法用text-align水平居中
（替代方案是padding，得算尺寸）
返回列表
评论