JSFiddle - React, Tailwind, and code Playground

HTML

<h1>chrome box-shadow</h1>
<div class='one'><input type='radio' name="browser"/></div>
<div class='two'><input type='radio'name="browser" /></div>
<div class='three'><input type='radio' name="browser"/></div>

CSS

div{
    padding: 50px;
    border: 2px solid black;
    display: inline-block;
}
input{
    -webkit-box-shadow: 0 0 10px 0 red;
    -moz-box-shadow: 0 0 10px 0 red;
    box-shadow: 0 0 10px 0 red;
}
.one{background: black;}
.three input{
    -webkit-box-shadow: inset 0 0 10px 0 red;
    -moz-box-shadow: inset 0 0 10px 0 red;
    box-shadow: inset 0 0 10px 0 red;
}