8.checkbox

只用css样式实现

 <style>
        input{
            width: 30px;
            height: 30px;
        }
        input::after{
            content: url('images/unshift.png');
        }
        input:checked::after{
            content: url('images/shift.png');
        }
</style>
<input type="checkbox"><label>vue</label>