使用纯css3在圆圈（图标）内打勾/勾选

我试图用纯css3画一个圆圈，里面有勾号/复选标记

.success-checkmark {
    content: '✔';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)

}

---

如何实现我已尝试过的上述代码？

您可以使用

内容：'✔';仅在伪元素上，因此请尝试使用以下选择器：


。成功复选标记：之后{
内容:'✔';
位置：绝对位置；
左：0；上：2倍；
宽度：20px；
高度：20px；
文本对齐：居中；
边框：1px实心#aaa；
背景：#f8f8；
边界半径：50%；
长方体阴影：插入0 1px 3px rgba（0,0,0,3）
}
css

垂直调整

 line-height:20px;<--- adjust vertical alignment
      

已接受！！！。。。。但是，它看起来并不整洁。如果我想更改勾号的颜色，该怎么办？您可以使用CSS设置勾号的样式，
color:green
将使勾号变为绿色。但是将勾号与中心对齐？在我的示例中，它是居中的。如果要增加宽度/高度，可以更改“宽度/高度”参数。如果要更改顶部/底部的间距，则可以更改例如填充底部。所有其他调整也可以通过元素上的常规CSS完成。还可以将“线高度”设置为图元的高度，以使其垂直和水平对齐
 line-height:20px;<--- adjust vertical alignment