vue复选框组件自定义对勾_css 设置 checkbox复选框控件的对勾√样式

.div-checked label {

cursor: pointer;

position: relative;

display: inline-block;

width: 150px;

height: 38px;

border: 1px solid grey;

}

/**

* 按钮透明

* @type {String}

*/

input[type="checkbox"] {

opacity: 0;

}

/**

* checkbox选中样式

* @type {String}

*/

input[type="checkbox"]:checked+i {

border-color: blue;

color: blue;

}

/**

* i标签的大小

*/

i {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

border: 1px solid #ccc;

text-align: center;

line-height: 36px;

}

/**

* 对勾√效果，使用border

* @type {[type]}

*/

span:after { </