SendGrid style-guide select

select.html

<div class="input-select-wrap">
  <label class="input-select-label" for="select-example-default">State</label>
  <div class="input-select">
    <select id="select-example-default">
      <option selected="true">Select a state</option>
      <option value="AZ">Arizona</option>
      <option value="CO">Colorado</option>
      <option value="ID">Idaho</option>
      <option value="MT">Montana</option>
      <option value="NE">Nebraska</option>
      <option value="NM">New Mexico</option>
      <option value="ND">North Dakota</option>
      <option value="UT">Utah</option>
      <option value="WY">Wyoming</option>
    </select>
  </div>
</div>

select.js

$("#select-example-default").on('blur', function() {
  $(this).parent().removeClass("is-focused"); // add is-focused on .input-select
}).on('focus', function() {
  $(this).parent().addClass("is-focused"); // remove is-focused on .input-select
});