JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//unpkg.com/bootstrap@4.3.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@2.1.0/dist/bootstrap-vue.css">
<script src="//unpkg.com/babel-polyfill/dist/polyfill.min.js"></script>
<script src="//unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@2.1.0/dist/bootstrap-vue.js"></script>
<div id="app">
  <div>
    <b-select v-model="selected" :options="options">
    </b-select>
  </div>
</div>

CSS

option:hover {
  background-color: red;
}

JavaScript

window.onload = () => {
  new Vue({
    el: '#app',
    data() {
      return {
        selected: '',
        options: [
        	{ value: null, text: 'Please select an option' },
        	{ value: 'a', text: 'This is First option' },
          { value: 'b', text: 'Selected Option' }
        ]
      }
    }
  })
}