Javascript 如何将自定义样式应用于ui select动态创建的下拉对象？

我正在开发一个使用AngularJS v1.5.8的单页应用程序。我试图做一个简单的视觉改变，但找不到如何做

有一个从后端列表填充的

下拉对象。它工作正常，但我需要使下拉列表更大一点。我一直在尝试将CSS类分配给结果下拉列表，但没有成功。我应用于ui选择对象的样式似乎没有应用于作为下拉列表本身的div

ui select指令创建一个ID为“ui devtype span”的

。当我手动编辑这个对象样式时（就像在Chrome开发者工具中），我得到了我想要的结果。但是我的代码中不存在这个span对象。它似乎是动态生成的，并且没有继承ui选择的样式。主题是“引导”

{{$select.selected.name}

我尝试将我的css类添加到这个片段中的每个HTML标记中，但我无法将动态生成的

设置为45px高。我不能以更广泛的方式更改指令样式，因为它在应用程序的其他地方使用，我的更改应该只应用于此屏幕

我无法以更广泛的方式更改指令样式，因为它在应用程序的其他地方使用

然后给指令一个

id

<ui-select id="select1" theme="bootstrap" ng-model="..."

我无法以更广泛的方式更改指令样式，因为它在应用程序的其他地方使用

然后给指令一个
id

<ui-select id="select1" theme="bootstrap" ng-model="..."

span是否具有
ui-devtype span
类的
ui-devtype span
ID？span是否具有
ui-devtype span
类的
ui-devtype span
ID？
<style>
   #select1 span {
      font-size: 20px;
   }
</style>

<ui-select class="my-select" theme="bootstrap" ng-model="..."

<style>
   .my-select span {
      font-size: 20px;
   }
</style>