无涯教程网

Css 设置 select2 输入的宽度(通过 Angularui 指令)

发布于11月25日

我无法让这个plunkr(select2+angulat用户界面)正常工作.

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

在本地设置中，我得到了select2工作，但是我不能像docs中描述的那样设置宽度.它太窄了，不能用.

在此处输入图像描述

谢谢.

编辑: 别管那件事了，我在这里找到了一把可以拉的小提琴. http://jsfiddle.net/pEFy6/个

看起来这是select2的行为，折叠到第一个元素的宽度.我可以通过bootstrap class="input-medium"设置宽度，但仍然不确定为什么Angular UI不接受配置参数.

推荐答案

为了保留元素宽度，需要指定要解析的属性宽度

$(document).ready(function() { 
    $("#myselect").select2({ width: 'resolve' });           
});

Css相关问答推荐

如何在容器查询体中重新定义：Root的CSS自定义属性值？

具有不同边框宽度和 colored颜色的边框半径，Safari渲染问题

如何使TWebPanel具有圆角？

使用文本溢出约束内部 div：没有最大宽度的省略号(或类似的)

如何使用：has() 父 Select 器 Select 父元素的子元素，在父元素和子元素之间没有中间层的情况下？

如何在Bootstrap 5上使用移动设备居中内容？

动态覆盖 Vuetify 类

css ：：part 伪 Select 器 Chrome 兼容性？

如何在特定元素之前 Select 每个元素

如何在 Angular 中使用 CSS 设置 FontAwesome 图标的大小？

子组件的css会影响整个页面

在表格中隐藏绝对伪元素

预期失败时使用toHaveStyle进行测试

你能用 JavaScript 控制 GIF 动画吗？

我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗？

悬停时如何在图像上显示文字？

位置元素垂直固定，绝对水平

让 div 占据 100% 身体高度，减go 固定高度的页眉和页脚

如何知道哪个 HTML 元素导致了垂直滚动条

bootstrap.css 和 bootstrap-theme.css 有什么区别？

实用课程推荐

相关教程推荐