Angularjs UI选择下拉列表angular-Can'；t目标第一个下拉选择添加特定CSS

我有一个ui选择下拉列表，其中包含各种文本值。我使用CSS在每个值的左边添加了字体图标。我想在下拉列表中的“全部”选项左侧添加一个特定的字体图标，但是我无法针对特定的下拉列表选项。不确定这是否可以只用CSS实现，或者我是否需要使用JS以某种方式将其作为目标。在任何情况下，我们都将非常感谢您的帮助，谢谢

{{$select.selected.display}

在没有看到结果HTML/CSS的情况下，我不知道如何将其应用到代码中，但是有多种方法可以使用CSS来针对单个元素。我希望您需要的是：

：第一个子元素一组同级元素中的第一个元素

这将仅选择作为其父元素的第一个子元素的元素。简单地使用这个应用你的CSS

---

在其他情况下，如果所需元素的位置未知，如果该选项等于特定值，则可以使用应用类。然后使用该类来定位元素。

如果没有看到生成的HTML/CSS，我不知道如何将其应用到代码中，但是有多种方法可以使用CSS来定位单个元素。我希望您需要的是：

：第一个子元素一组同级元素中的第一个元素

这将仅选择作为其父元素的第一个子元素的元素。简单地使用这个应用你的CSS

---

在其他情况下，如果所需元素的位置未知，如果该选项等于特定值，则可以使用应用类。然后将该类作为元素的目标。

您可以使用以下代码将特定样式应用于第一项：

 <ui-select-match placeholder="Search" ng-style="{{$index==0}} && {'background-color':'green'}">{{$select.selected.display}}</ui-select-match>

{{$select.selected.display}

---

据我所知，ng类不适用于您，ui select在ui select匹配上应用类时出现错误。因此，应用图标的内联样式应该有效，通过检查项目索引是否为=0，您可以使用以下代码将特定样式应用于第一个项目：

 <ui-select-match placeholder="Search" ng-style="{{$index==0}} && {'background-color':'green'}">{{$select.selected.display}}</ui-select-match>

{{$select.selected.display}

---

据我所知，ng类不适用于您，ui select在ui select匹配上应用类时出现错误。因此，通过检查项目索引是否为=0，应用图标的内联样式应该有效。您的所有选择是否是select中的选项标记？您的所有选择是否是select中的选项标记？