嗨,当我在这样的选择字段上使用 selected 时:
<select id="mySelect" style="width: 65.935%;" multiple>
Chosen 生成了宽度为 65.935 像素而不是百分比的<ul class="chzn-choices">
。 目前,我已经通过这里的初始化对其进行了破解
$('#inputNewRecipient').chosen().next().css('width', '65.9574%');
亲切的问候
您使用的是最新版本的 Chosen 吗?
您使用的是哪个浏览器? 选择哪个版本(jQuery 或 Prototype)?
很抱歉忘记了这一切 - 有点匆忙!
选择的版本是 up2date (0.9.13),jQuery 版本,浏览器是最新的 Firefox @ Ubuntu 10.04。
我刚刚重新测试了它,它变成了 65.5% 到 55.5px,顺便说一下我使用 Bootstrap。
依靠 style / css 来获取用户定义的宽度并没有很好的方法(现代浏览器返回实际宽度),这意味着 Chosen 会自动以像素值结束。 我们不想被迫对屏幕调整大小进行重新计算,因此我们为百分比宽度提供了一个可选接口。
$('#inputNewRecipient').chosen({ width: '65.9574%' });
@pfiller我现在使用选择的界面来设置宽度。 现在我的占位符文本被生成的宽度截断了:55px,这是选择的问题吗?
选择将使输入字段在其容器内尽可能大。 有时这意味着占位符文本被切断。 如果您希望文本适合 Chosen,则需要将 Chosen 设置为至少那么大。
我在调查这个时确实注意到了一个小问题。 基本上,在某些情况下,可以允许字段变得比容器大。 见:#1167
Box 大约 600px 宽,占位符文本在大约 6-7 个字母后被截断。
我有同样的问题。
我已将 selected 的宽度属性设置为百分比 (33%),然后就会发生这种情况。
通过覆盖这些 css 样式解决了这个问题:
... li.search-field{
宽度:100%;
}
... li.search-field input.default{
宽度:自动!重要;
}
也有类似的问题:
覆盖以下样式对我有用:
li.search-field{
宽度:100%;
}
li.search-choice + li.search-field{
宽度:20%;
}
这为我解决了这个问题
li.search-field{
宽度:100%!重要;
}
li.search-field input.default{
宽度:100%!重要;
}
最有用的评论
这为我解决了这个问题
li.search-field{
宽度:100%!重要;
}
li.search-field input.default{
宽度:100%!重要;
}