input为 checkbox时样式怎么不生效

Question

默认是蓝色我只是想变个颜色而已

input{//这个生效
    height: 22PX;
    width: 22PX;
}
input[type="checkbox"]{//这个不生效
    color: #fff;
    border-color: #ff6700;
    background-color: #ff6700;
}

Answer 1

有些样式不能直接修改，你可以把input标签隐藏，然后用label标签写个样式