Changing the Default Image on Dropdown

Changing the Default Image on Dropdown

by Shrikrishna Gupta

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;
}