css-右下角对勾选中样式

  .active {
   position: relative;
   border: 1px solid #007CEC;
      &:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        border: 11px solid #007CEC;
        border-top-color: transparent;
        border-left-color: transparent;
      }
      &:after {
        content: "";
        width: 4px;
        height: 8px;
        position: absolute;
        right: 3px;
        bottom: 4px;
        border: 1px solid #fff;
        border-top-color: transparent;
        border-left-color: transparent;
        transform: rotate(45deg);
      }
    }