JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<input required="required" />
<input required />
<input />

CSS

.required {background-color:#bada55}

JavaScript

$.attrHooks[ "required" ] = {};

$('input').each(function () {
    console.log([ this.getAttribute('required'), $(this).attr('required') , this.required ]);
  if ($(this).attr('required') != undefined)
      $(this).addClass('required');
});