JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id="foo">
            <input type="text" />
            <input type="text" disabled="disabled" />
            <select>
                <option>foo</option>
                <option>bar</option>
            </select>
        </div>
    </body>
</html>

CSS

input[ type="text" ].active, select.active {
    border: 1px solid red;
}

JavaScript

$( "#foo input[ type='text']:not( [ disabled='disabled' ] ), #foo select" ).each( function( i, elm ) {
     $( elm ).addClass( "active" );           
} );