JSFiddle - React, Tailwind, and code Playground

Failed ::selection css experiments.

by nilloc

HTML

<div class="tester">
This is a bunch of test text to show what needs to be done when selecting some.
</div>

SCSS

.tester{
  position:relative;
  float:left;
  
  &::selection{
    background-color:rgba(128, 0, 0, 0.3);
    //border-radius:3px;
    /* outline:1px solid blue; */
    position:relative;
    
    &:after{
      content:"";
      position:absolute;
      right:-10px;
      top:0;
      width:10px;
      height:100%;
      background-color:rgba(255,0,0,0.5);
      border-radius:4px;
    }
  }
  &:after{
    content:"";
    position:absolute;
    right:-10px;
    top:0;
    width:10px;
    height:100%;
    background-color:rgba(255,0,0,0.5);
    border-radius:4px;
  }
}