JSFiddle - React, Tailwind, and code Playground

HTML

<div id="root">
            <input type="button" class="xxx" value="Button"></input>
    <form>
        <input type="button" class="xxx" value="Button"></input>
        <ul>
            <li>
                <input name="x" id="enable" class="x" type="radio">Enable</input>
            </li>
            <li>            
                <input name="x" id="disable" class="x" type="radio">Disable</input>
            </li>            
        </ul>

            <input type="button" class="xxx" value="Button"></input>
</form>
    </div>

CSS

ul { list-style-type:none; }
        
.xxx {
    background: blue;
    color: white;
}
        
.xxx:disabled { background-color: red; }

JavaScript

$(function() {
    $('.x:eq(0)').prop('disabled', true);
});