css - 带有大文本的 ui-select 压垮了我的 table

Question

在我的 <table>我有 ui-select 字段，当选择的文本很大时 <td>变得太宽了，压碎了我所有的 table 。我尝试添加 max-width到 ui-select 或 ui-select-match 但它不起作用。

ui-select {
  max-width: 10%;
}

ui-select-match {
  max-width: 10%;
}

我该如何解决这个问题？ ( Plnkr example )

Answer 1

在最终的 html 输出中，ui-select 和 ui-select-match 将作为类生成。所以使用下面的代码来获得所需的输出。

.ui-select {
  width: 100px;
}

.ui-select-match {
  width: 100px;
}

这是 Plunker code .