发表于： 2016-05-03 23:55:33
2 1805
今天完成的事情：做完了Task12，补了Task9中radio和下拉列表框样式的坑，检查了Task1-4。
明天计划的事情：检查Task4-5
遇到的问题：1.下拉列表框的样式更换：设置<select>的样式，background等。如果是用的Bootstrap则设置.carct的样式。
2.radio的样式更换：
①隐藏<input>的原始样式，opacity:0;
②设置未选中时的样式(span为空元素)：
input[type=radio] + span {}
③设置选中时的样式：
input[type=radio]:checked + span {}
纯CSS 实现radio checkbox样式美化 https://fatesinger.com/74438
收获：检查Task1-4的过程中，学会了一种水平居中的方法。left:50%,margin-left:宽度的一半。
返回列表
评论