发表于： 2017-03-14 20:29:23
0 744
今天完成的内容
1.任务10的基础页面布局
明天计划完成
1.完善任务10.从基础布局到响应式设计
遇到的问题
1.修改radio的样式
主要是通过把原本的radio设置display：none，然后在后面另加一个label，其内设置for="id"，这里的id在前面的radio内设置好，然后重写一个样式，用checked伪类控制这个样式，来达到改变radio样式的目的，需要注意的是，同一组的input type:radio;内，其name属性要相同，以此达到单选的效果。
<input class="del-radio" id="box-1" type="radio" name="box-style" value="box-1">
<label for="box-1"><span></span>对口箱</label>
修改的就是span的样式。
2.form label input 三层嵌套，貌似是不可以有div的存在，我尝试想用div把input包裹起来，但是编辑器报错了，最后是用的是label完成。
收获
以上还是关于表单方面的东西
返回列表
评论