大きいテキストでui-selectを選択する

Question

私の<table>に私はフィールドを選択しました。選択したテキストが大きいと、<td>が大きくなりすぎてテーブルがすべて壊れてしまいました。私はmax-widthをui-selectまたはui-select-matchに追加しようとしていますが、動作しません。

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

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

どうすればこの問題を解決できますか？ （Plnkr example）

Answer 1

最終的なHTML出力にUI選択とUI選択マッチをクラスとして生成されます。したがって、以下のコードを使用して希望の出力を得てください。

.ui-select { 
    width: 100px; 
} 

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

ここにはPlunker codeがあります。

Answer 2

CSSスタイルにブローコードをフィードします。これは私のために働いています。

table { 
table-layout:fixed; width:400px; 

}