I am trying to make the drop down arrow show up but it’s not working.
.mainselection {
overflow:hidden;
width:160px;
background: url("dropdown_arrow.jpg") no-repeat #ffffff 319px 2px;
/* dropdown_arrow.jpg is a 31x28 image */
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
select {
border:0;
background:transparent;
width:200px;
-webkit-appearance: none;
}
<label>Gender</label>
<div class="mainselection">
<select name="dropdown">
<option value="Female">Female</option>
<option value="Male">Male</option>
</select>
</div>
Thank you.