JSFiddle - React, Tailwind, and code Playground

by Umar Kashmiri

HTML

<div class="dropdown">
      <p>Show: </p>
    
        <select>
         <option> Balloon</option>
         <option> Mango</option>
         <option> Banana</option>

       </select>
</div>

CSS

.dropdown p {
	display: inline-block;
	font-weight: bold;
}

.dropdown select {

      border: 0 !important; 
      -webkit-appearance: none;
      -moz-appearance: none; 
      background: url('https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSePVWt6a83sB0JECOwilcf11eZsK_ciMNH-eUSpNpXJCKWLav7') no-repeat right; 
      background-position: 82px 7px;  
      width: 100px; 
      text-indent: 0.01px; 
      text-overflow: "";  
      color: #1455a2;
}