下拉列表左对齐和右对齐

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设置样式。

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

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

  

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