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;">

这里是 plunker http://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;
}

如图here。