custom-select-scss

Custom Select

SCSS custom select; a CSS-only solution

Install

npm i --save custom-select-scss

Include

Depending on your current directory and frontend stack, you'll want something along the lines of one of:

@import '../node_modules/custom-select-scss/custom-select';
@import '~custom-select-scss/custom-select'; // (webpack 3+)

Integrate

<p>
  <label>Select</label>
  <span class="select">
    <select>
      <option>Lorem</option>
      <option>Ipsum</option>
    </select>
  </span>
</p>

Interpolate

Written in a non-invasive kinda way, so you can add your own styles to select {}, similar to your inputs as per usual, and override the handful of default values set in the sass file.