今天完成的事情：完成了task10
明天计划的事情：完成task11
遇到的问题：如何修改radio ，select的默认样式。
收获：修改radio样式时：在页面上新建一个checkbox和radiobox并给予他们的span标签显示文字，取消掉radio的默认样式，再利用CSS3来美化span标签，这样，我们就自定义了checkbox和radiobox.

.radioclass{
    display: none;
}
.newradio{
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
.circle{
    display: inline-block;
    position:absolute;
    width: 4px;
    height: 4px;
    background-color: #fafafa;
    border-radius: 50%;
    top: 8px;
    left: 28px;
    z-index: 999;
}
.radioclass:checked+span:after{
    content: ' ';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    background: #1d7ad9;
    left: 0;
}

修改select标签的时候，也是清除默认样式，但是css并没有提供给我们修改下拉箭头的样式

所以我们给select一个背景图片让图片的位置在select的最右边就可以了。