angular ui select中的ng disabled选项会缩小文本框

Question

我正在使用angular ui select指令，并尝试使用ng disabled选项禁用它。

<ui-select multiple ng-model="address.selected"
             theme="bootstrap"
             ng-disabled="true"
             reset-search-input="true"
             style="width: 300px;">

这是plunkerhttp://plnkr.co/edit/julETCG4zCGAxFJ0PSBF?p=preview

文本框的大小随着ng disabled="true"而缩小。

Answer 1

将theme从bootstrap更新为select2，如下所示：

<ui-select multiple ng-model="address.selected"
         theme="select2"
         ng-disabled="true"
         reset-search-input="true"
         style="width: 300px;">

如果你想要bootstrap主题，那么将其添加到样式中：

.ui-select-multiple.ui-select-bootstrap {
    min-height: 34px;        
    height: auto;
    padding: .3em;
}

如此处所示。