css 选择 切角

[sailei1]

1 .selected{
    position: relative;
    border: 1px solid #FF9300;
    color: #FF9300;
    background: linear-gradient(135deg, #FF9300  13px,transparent  0) top left;
    &:after{
        content: '\00a0';
        display: inline-block;
        border: 2px solid #fff;
        border-top-width: 0;
        border-right-width: 0;
        width: 8px;
        height: 4px;
        -webkit-transform: rotate(-50deg);
        position: absolute;
        top:3px;
        left:2px;
    }
}

2 .option{
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-bottom;
}
.selected{
    border: 1px solid #FF9300;
    position: relative;
&:after{
     content: '\A0';
     display: inline-block;
     border: 1px solid #FF9300;
     border-top-width: 0;
     border-right-width: 0;
     width: 6px;
     height: 3px;
     -webkit-transform: rotate(-50deg);
     position: absolute;
     top: 4px;
     left: 4px;
 }
}

[sailei1]

1 2