JSFiddle - React, Tailwind, and code Playground

by Silvestrs Kante

HTML

<div>
    <select>
    <option value="mankind">Man kind</option>
    <option value="humankind">Human kind</option>
    <option value="animalkind">Animal kind</option>
</select>
</div>

CSS

div {
    position: relatvie;
    float: left;
    width: auto;
    outline: 0;
    border: 1px solid blue;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
div:hover {
    
    
    border: 1px solid red;
}

select {
    outline: none;
    padding: 5px;
    border: 0;
}