Выпадающий список с выравниванием по левому и правому краям

Question

Я использую плагин select2 для выпадающего списка в приложении angularjs. Я хочу показать текст как слева, так и справа.

<select ng-model="selEmployee" id='selUser' name="selEmp" ng-disabled="currentmode == 'edit' || currentmode=='view'">
    <option ng-repeat="employee in employees" value="{{employee.Ldap}}">
           {{employee.FirstName}} {{employee.LastName}} ({{employee.Email}})
    </option>
    <option value="" style="display:none">Please select</option>

Я хочу показать имя и фамилию слева и отправить электронное письмо справа. Не могли бы вы помочь. Заранее спасибо.

Answer 1

Есть только несколько атрибутов стиля, которые могут быть применены к элементу.

Это потому, что этот тип элемента является примером "замененного элемента". Они зависят от ОС и не являются частью HTML / браузера. Его нельзя стилизовать с помощью CSS.

Существуют сменные плагины / библиотеки, которые выглядят как, но на самом деле состоят из обычных элементов HTML, которые МОГУТ быть стилизованы.

это невозможно, так какстилизация для этих элементов обрабатывается ОС пользователя. MSDN: опция

За исключением background-color и color, настройки стиля, примененные через объект стиля для опцииэлемент игнорируется.