checkbox的样式

html代码：
<input type="checkbox"id="a1" value="1" class="checkone">
css：

.checkone{

    -webkit-appearance: none;//消除本来的样式
    margin: 0%;
    width:100%;
    height:100%;
    padding: 0%;
    background: transparent;
    vertical-align: middle;
}

.checkone:checked {
    background-color: #00a2ec;
}