Html 如何为Angular JS下拉列表应用CSS样式

嗨，我需要使用angular JS显示下拉列表

在这个下拉列表中，一些值有大约250个字符，所以下拉列表变得非常大，整个页面本身也变得非常大，所以我想使用一些CSS样式来控制它，但我不知道如何为angular Js select下拉列表执行此操作

  <table>
   <tr>
    <td>
      <select ng-model="newrelatedFault" ng-options="item.FaultIdAndName for item in relatedFaults track by item.Id | filter: Fault.relatedFaults.isSelected(item)">
       <option value="">@selectLabel</option>
       </select>
     </td> <td>
     <a ng-click="Fault.relatedFaults.add(newrelatedFault.Id, newrelatedFaultDescription); newrelatedFault = null; newrelatedFaultDescription = null;" ng-disabled="newrelatedFault == null" class="btn btn-link btn-action"><i class="icon-plus" title="Add New"></i>Add</a>
                    </td>
                </tr>
            </table>

---

您可以使用带有省略号的截断，如本文所述

以下所有内容都是必需的，因此文本必须在一条直线上，溢出隐藏溢出的框

---

css不随角度变化。。这与不使用angularIs应用css的方法相同。你可以使用一些自定义下拉菜单，比如css省略号来修剪字符

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}