JSFiddle - React, Tailwind, and code Playground

by dima_k

HTML

<input type="text" value="Some text..." />
<br/><br/>
<input type="text" value="Some text..." disabled />
<br/><br/>
<input type="checkbox" id="my-checkbox"/>
<lable for="my-checkbox">Checkbox</lable>

CSS

input[type="checkbox"]:checked { display: inline-block; width: 50px; }

input[type="text"]:disabled { border: 2px dashed grey; }

input[type="text"]:enabled { border: 2px solid blue; }