下拉列表左右对齐

Posted 2021-04-11

我正在使用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>

我想在左侧显示名和姓，并在右侧显示电子邮件。你能帮忙吗？预先感谢。

答案

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

这是因为这种类型的元素是“已替换元素”的示例。它们与操作系统有关，不属于html /浏览器。无法通过CSS设置样式。

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

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

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