Css 如何在ui选择选项下设置工具提示大小的样式

我正在为家庭作业建立一个小网站，我一直在努力 样式设置

工具提示

大小。

工具提示是下的
span
标记中的一个属性
ui选择选项
。我只想在此下拉列表中编辑工具提示的样式

<ui-select
        autofocus
        class="temp-class">
    <ui-select-match placeholder="Select from here" tooltip="{{$select.selected.id}}" tooltip-placement="bottom-left" tooltip-append-to-body="true">
        {{"Select from here"}}
    </ui-select-match>
    <ui-select-choices repeat="item in items">
        <span ng-bind-html="item.name | highlight: $select.search" tooltip="{{item.name}}" tooltip-placement="bottom" tooltip-append-to-body="true"></span>
    </ui-select-choices>
    <ui-select-no-choice>
        None
    </ui-select-no-choice>
</ui-select>


{{“从这里选择”}
没有一个
您可以使用以下CSS在
span

span[tooltip]{
  color: red;
}

它对所有工具提示生效，无论工具提示名称如何


span[工具提示]{
颜色：红色；
}

{{“从这里选择”}
sdfsdf
没有一个
span[tooltip=“itemname”]-但是项目名称是动态的@LuísP.A。因此，添加一个类或另一个属性是无效的。工具提示内容是动态值，而不是“teste”。我试图将class属性添加到span，但也不起作用，我没有提到“teste”或CSS中的任何其他值。请分享一些最小的工作代码，我会调试它。