css - 设置 select2 输入的宽度(通过 Angular-ui 指令)

标签 css twitter-bootstrap angularjs jquery-select2

我在使这个 plunkr (select2 + angulat-ui) 工作时遇到问题。

http://plnkr.co/edit/NkdWUO?p=preview

在本地设置中,我可以使用 select2,但我无法按照 docs 中的描述设置宽度.它太窄而无法使用。

enter image description here

谢谢。

编辑: 没关系,plnkr,我在这里找到了一个工作 fiddle http://jsfiddle.net/pEFy6/

折叠到第一个元素的宽度看起来是 select2 的行为。我可以通过 Bootstrap class="input-medium" 设置宽度。仍然不确定为什么 angular-ui 不采用配置参数。

最佳答案

在我的例子中,如果有零个或多个药丸,select2 将正确打开。

但是如果有一个或多个药丸,我把它们都删掉了,它就会缩小到最小宽度。我的解决方案很简单:

$("#myselect").select2({ width: '100%' });      

关于css - 设置 select2 输入的宽度(通过 Angular-ui 指令),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12683907/

相关文章:

html - 响应式设计 - 部分内的 Div 列不使用部分样式

html - 在段落内 float block 级元素

css - Bootstrap 链接区域在焦点和事件上较小?

twitter-bootstrap - 根据另一个 Div 保持高度

twitter-bootstrap - align-items-center 同时保持背景全高

javascript - 如何使元素在 selenium webdriver 中可见?

ios - 为什么 Material 设计对话框主体在 iPad 上没有高度

angularjs - 您如何在指令范围内访问 ng-repeat 项的子项?

javascript - 指令 : toggle its boolean attribute value 的 onDblclick

html - 使覆盖与图像相同的宽度/大小