JSFiddle - React, Tailwind, and code Playground

by guohan yu

HTML

<select id="currencybox">
    <option selected="selected" id="IND">
        <span class="WebRupee"> Rs. </span>Indian Rupees
    </option>
    <option value="USD" id="USD">
        $ USD                 
    </option>
</select>

CSS

#currencybox{
  height:50px;
}
#currencybox option:hover{ 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color:red}
#currencybox option{
    -webkit-appearance: button;
    -moz-appearance: button;
    height:50px; 
    padding:10px;
    position:relative
}