JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" disabled="disabled" id="check1">
<label for="check1">Check</label>
<br>
<input type="text" id="text1" disabled="disabled">
<label for="text1">Text</label>
<br>
<input type="checkbox" id="check2">
<label for="check2">Check</label>
<br>
<input type="text" id="text2">
<label for="text2">Text</label>

CSS

input:disabled {
    background:#dddddd;
}

input:disabled+label{color:#ccc;}

input[type=text]+label {
    float: left;
}
}