今天完成的事：完成了task10.

明天计划完成的事：编写task11.

遇到的问题：task10的input标签用的贼蛋疼，设置css弄的不对，直接

input[type=radio]

这样进行设置结果错误了，翻了别人的日报发现对于要覆盖的新样式要这么设置：

input[type=radio] + span {box-sizing: border-box;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px;
    border: solid 1px #000000;
    border-radius: 7px;}

把代替的新图形放在span里，然后：

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: 8px;}

利用CSS的相邻兄弟选择器让span的图形CSS继承checked状态的input按钮的css样式，然后通过html那里的hidden的特性，能让本身的按钮变成display：none，让span的原素覆盖上去，这样就能改变了按钮显示样式。

同时，在html的input标签里编写

input type="radio" name="polo" id="ggg" hidden>

hidden继承自bootstrap的css样式，就是上面说的display：none，只有这样了才能让span覆盖住原来的地方。