发表于： 2017-03-25 21:33:31
1 529
一、今天完成的任务：
1，任务十的单选项radio和select下拉选项（进度有点慢，说难理解吧，真正理解之后又觉得很容易，说不难理解吧，一个单选我做了三个小时......最后还是师兄的一点通，又花了半个小时才做出来。）
二、遇到的问题：
1，如下图所示：
有稍微一点点的错位，实在没辙了
，我是先设置了一个border：0.1rem solid的圆框，然后通过点击，再出现一个border：0.8rem solid的一个圆，但是无法取消掉border：0.1rem的圆。只能选择覆盖了，同样的设置，只是不同的边框，不知道为什么会有那么一点点错位。如果能去掉border：0.1rem的圆，border：0.8rem的就会顶替0.1rem圆的位置。实在不行，就把border：0.1rem的圆换成背景图吧，或者把0.8rem的圆换成背景图。
三、收获：
1，如何实现字体和单选项的关联，如果只是默认样式的话，只需要使用for和id的组合就可以实现了，但是如果要把原有的样式隐藏掉，然后通过点击显示隐藏，不仅需要for和id还要用到另外一个标签checked，设置 .隐藏的单选默认样式盒子的类名字:checked + .自己设置的单选项样式类名字：after{}
2，
四、明天的任务：
任务十还剩一个多选项以及流程表的制作。争取明天把大概的布局做完。
返回列表
评论