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" );
} );