Como você adiciona uma imagem como seta suspensa?
Eu criei um aplicativo com uma seta suspensa, mas o tamanho da seta é muito pequeno.
Então decidi ampliar o tamanho da flecha. Eu preciso adicionar uma imagem em vez de seta.
É possível adicionar uma imagem ou redimensionar a seta?
Meu CSS atual está abaixo.
.custom-select:after {
content: "â–¼";
content-size:20;
position: absolute;
top: -83%;
right: 6%;
bottom: 0;
font-size: 60%;
line-height:30px;
line-width:100px;
padding: 0 10px;
background:#03498A;
color: white;
height:40px;
pointer-events:none;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
}
<label class="custom-select" style="width:40%" onClick="birthday()">
<select name="mydropdown" id="gender" placeholder="Gender">
<option value="">Gender</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</label>