下拉列表左对齐和右对齐

Question

我在 angularjs 应用程序的下拉列表中使用 select2 插件。 我想左右显示文本。

<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>

我想在左侧显示名字和姓氏，在右侧显示 email。 你能帮忙吗？ 提前致谢。

Answer 1

只有少数样式属性可以应用于元素。

这是因为这种类型的元素是“替换元素”的一个示例。 它们依赖于操作系统，不是 HTML/浏览器的一部分。 它不能通过 CSS 设置样式。

有一些替换插件/库看起来像，但实际上由可以设置样式的常规 HTML 元素组成。

这是不可能的，因为这些元素的样式是由用户的操作系统处理的。 MSDN：选项

除了background-color和color ，通过样式 object 应用于选项元素的样式设置将被忽略。