Скрыть стрелку элемента выбора, когда в нем есть только один вариант (только CSS) ⇐ CSS

[Anonymous]

Я ищу решение только для CSS, чтобы скрыть выпадающую стрелку элемента HTML Select, когда в нем есть только один вариант. Несколько вариантов, конечно же, показывают стрелку. Иметь стрелку только на одном варианте-это плохое UX. < /P>

Код: Выделить всё

select {
appearance: none;
background: transparent;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: 90%;
background-position-y: 50%;
padding:10px 30px 10px 10px;
}
< /code>

Toyota



Toyota
Audi

Первый элемент выбора не должен иметь выпадающую стрелку.


Подробнее здесь: https://stackoverflow.com/questions/797 ... it-css-onl