纯CSS实现选中商品后右下角显示√号功能

推荐文章: css伪类 右下角点击出现 对号角标表示选中的示例代码 :https://www.jb51.net/css/731762.html 效果 解析: 1、利用伪元素选择器,来增加内容。 2、利用较宽的border实现√号的背景效果 3、利用透明border去掉多余背景色。 4、利用子绝父相定位,将√号定位到合适位置。 css代码: &.selected{ color: @theme; border: 0.02rem solid @theme; position: relative;