Wie fügt man ein Bild als Dropdown-Pfeil hinzu?

Ich habe eine Anwendung mit einem Dropdown-Pfeil erstellt, aber der Pfeil ist zu klein.

Also habe ich beschlossen, den Pfeil zu vergrößern. Ich muss ein Bild anstelle des Pfeils hinzufügen.

Kann ich ein Bild hinzufügen oder die Größe des Pfeils ändern?

Mein aktuelles CSS ist unten.

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

Antworten auf die Frage(3)

Ihre Antwort auf die Frage