JSFiddle - React, Tailwind, and code Playground

by camel2243

HTML

<input type="text" placeholder="Please input the text..."/><br /><br />
<input type="text" placeholder="Please input the text..." disabled/><br /><br />
<textarea placeholder="Please input the textarea..."></textarea><br /><br />
<textarea placeholder="Please input the textarea..." disabled></textarea>

CSS

input:enabled {
  background-color: rgba(0,255,0,0.1);
}
input:disabled {
  background-color: rgba(255,0,0,0.1);
}
textarea:enabled {
  border: solid 1px #0F0;
}
textarea:disabled {
  border: solid 1px #F00;
}