怎么在方框内打勾勾,然后在方框里打勾

css实现方框内打勾

html:

<div class="select-container" @click="selectItem(index)"> <i class="feature" v-if="checkBoxArr[index].selectStatus==1"></i> </div>

css:

.feature { width: 1rem; height: 0.5rem; display: inline-block; border: 1px solid #403F3F; border-width: 0 0 2px 2px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-bottom: 2rem; /*vertical-align: baseline;*/ }.single-select-container { width: 20rem; height: 3rem;}

实现的原理/；实现一个只有两个边有线条的长方体，再旋转45度。
实现效果：