Как стилизовать selet чтобы при нажатии на него появлялась стрелка?

Question

У меня в задании показано, что с права от select нет никакой стрелки, но после нажатия на него она появляется . Не подскажите, как это реализовать?

Answer 1

Это означает, что у вас разшириный тег select с возможностью выбора

 <p><select size="1" name="hero">
    <option disabled>Выберите героя</option>
    <option value="t1">Чебурашка</option>
    <option value="t2">Крокодил Гена</option>
    <option value="t3">Шапокляк</option>
    <option value="t4">Крыса Лариса</option>
</select></p>

Answer 2

как уже написали в каментах, воспользуйтесь псевдоклассом :focus

наглядный пример:

#abc{
width: 50px;
height: 2em;
appearance: none;
}
#abc:focus{appearance: auto;}

<select id='abc'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>

БЛОГ НА HUSL

Как стилизовать selet чтобы при нажатии на него появлялась стрелка?

Ответы (2 шт):