У меня есть поле выбора, которое выглядит так:
И 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 для этого?
Возможно, вы можете использовать моноширинный шрифт и просто рассчитать, сколько пробелов вам нужно вставить между заголовком и цветом элемента.
<select>
, и, не имея возможности нацелить текст в<option>
вы не можете точно применить какие-либо поля для создания внешнего вида столбца faux. Лучшим вариантом будет использовать решение JS, которое реплицирует элемент<select>
.