Para que te orientes un poco, a esto me refiero cuando te digo que deberias armar tu propio select, con un poco de css y jquery se consigue lo que buscás. Ahora solo faltaria hacer la funcion que, al seleccionar un elemento de la lista, este se coloque en el select input en lugar de "Hola Desplegame" y se cierre la lista.
$("#select-button").click(()=>{
$("#select-content").hasClass("open")
?
$("#select-content").removeClass("open")
:
$("#select-content").addClass("open")
})
#select-input{
border:1px solid black;
width:200px;
padding:4px;
position:relative;
text-align:center;
}
#select-content{
max-height:0px;
width: 200px;
text-align:center;
color:red;
overflow:hidden;
transition: .3s ease all;
}
#select-content.open{
max-height: 100px;
transition: .3s ease all;
border:red 1px solid;
}
#select-list{
list-style-type: none;
padding:0;
margin:0;
}
#select-list > li{
padding:4px;
}
#select-list > li:hover {
background-color: blue;
transition: .3s ease all;
cursor:pointer;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="select-input"> Hola, desplegame <button id="select-button">V</button></div>
<div id="select-content">
<ul id="select-list">
<li>Opcion 1</li>
<li>Opcion 2</li>
<li>Opcion 3</li>
</ul>
</div>