Как добавить изображение в качестве стрелки раскрывающегося списка?
Я создал приложение со стрелкой раскрывающегося списка, но размер стрелки слишком мал.
Так что я решил увеличить размер стрелки. Мне нужно добавить изображение вместо стрелки.
Можно ли добавить изображение или изменить размер стрелки?
Мой текущий CSS ниже.
.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>