JSFiddle - React, Tailwind, and code Playground

by Karthik Sivakumar

HTML

<input type="text" readonly="true" value="123" class="test" id="test" /><br />
<input class="test" readonly="true" type="text" value="123" />
<button id="editClick">
Edit
</button>

CSS

.input-disabled{background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;}

JavaScript

$("#editClick").on('click', function(){
   $('.test').attr('readonly', false);
});