Стилизация HTML select / option element

0

У меня есть поле выбора, которое выглядит так:

Изображение 174551

И HTML-код для его создания:

<select data-ng-attr-size="{{items.length}}" class="itemsList">
    <option class="item-edit" ng-repeat="item in items" ng-click="itemSelected(item)">Item Title: {{item.ItemTitle}}, Color: {{item.ItemColor}}</option>
</select>

То, что я пытаюсь сделать, это получить так, чтобы все текстовые строки "Цвет: цвета" находились в столбце. Как я могу использовать html или css для этого?

  • 3
    Вы не можете сделать это со стандартным элементом выбора.
  • 0
    Вы ограничены в том, что можно сделать с помощью <select> , и, не имея возможности нацелить текст в <option> вы не можете точно применить какие-либо поля для создания внешнего вида столбца faux. Лучшим вариантом будет использовать решение JS, которое реплицирует элемент <select> .
Показать ещё 3 комментария

1 ответ

0

Возможно, вы можете использовать моноширинный шрифт и просто рассчитать, сколько пробелов вам нужно вставить между заголовком и цветом элемента.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню