Stworzyłem aplikację ze strzałką rozwijaną, ale rozmiar strzałki jest zbyt mały.

Postanowiłem więc powiększyć rozmiar strzałki. Muszę dodać obraz zamiast strzałki.

Czy można dodać obraz lub zmienić rozmiar strzałki?

Mój obecny CSS jest poniżej.

.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>