下拉列表左对齐和右对齐

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

除了 background-color 和 color 之外，通过样式对象为选项元素应用的样式设置将被忽略。