发表于: 2016-10-21 22:48:43
2 788
http://119.10.57.69:880/jnshu071/task9.html今日完成:把任务9做完了。做radio那个小图标那儿弄了很久很久,最后古尘师姐给我讲解了。但还是不是很懂。最后借鉴了古尘师姐的。
明日计划:复习下任务9,试着做任务10
遇到的问题:就是radio自带 的选择框,
.main input[type=radio]{/* 隐藏radio自带的选择框 */
margin: 0 1%;
opacity: 0;
}
.main input[type=radio] + span {/* 新的选择框是样式 */
box-sizing: border-box;
display: inline-block;
width: 14px;
height: 14px;
margin: 0 10px;
border: solid 1px black;
border-radius: 50%;
}
.main input[type=radio]:checked + span {/*按下过后的样式 */
box-sizing: border-box;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 10px;
border: solid 6px #1277dc;
border-radius: 50%;
position: relative;
}
今日收获:了解了表单的一些初步写法
评论