JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<input type="password" value="test" />
<input type="password" value="test" class="circle" />
<input type="password" value="test" class="disc" />
<input type="password" value="test" class="square" />

<input type="text" value="test" class="circle" />
<input type="text" value="test" class="disc" />
<input type="text" value="test" class="square" />

CSS

input{display:block; margin:10px}

.circle{-webkit-text-security:circle;}
.disc{-webkit-text-security:disc;}
.square{-webkit-text-security:square;}
.none{-webkit-text-security:none;}