Допустим, у вас есть выбор с:
<select>
<option>Short</option>
<option>A little bit longer</option>
<option>Really super duper long and amazing</option>
</select>
Я добавил стиль, чтобы он выглядел как обычный текст, но мне нужно отобразить стрелку рядом с элементом - проблема в том, что я не могу понять, как сделать размер выбора на основе размера выбранный вариант.
Посмотрите на эту картинку, и она будет иметь смысл:
Я хочу, чтобы стрелка была рядом с выбранной опцией:
Поместите на более короткие элементы, выбор - все еще ширина самого длинного варианта:
Есть ли способ решить эту проблему чисто css?