Chosen: 宽度问题

创建于 2013-04-25  ·  9评论  ·  资料来源: harvesthq/chosen

嗨,当我在这样的选择字段上使用 selected 时:

<select id="mySelect" style="width: 65.935%;" multiple>

Chosen 生成了宽度为 65.935 像素而不是百分比的<ul class="chzn-choices"> 。 目前,我已经通过这里的初始化对其进行了破解

$('#inputNewRecipient').chosen().next().css('width', '65.9574%');

亲切的问候

最有用的评论

这为我解决了这个问题

li.search-field{
宽度:100%!重要;
}
li.search-field input.default{
宽度:100%!重要;
}

所有9条评论

您使用的是最新版本的 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,这是选择的问题吗?

bug

选择将使输入字段在其容器内尽可能大。 有时这意味着占位符文本被切断。 如果您希望文本适合 Chosen,则需要将 Chosen 设置为至少那么大。

我在调查这个时确实注意到了一个小问题。 基本上,在某些情况下,可以允许字段变得比容器大。 见:#1167

Box 大约 600px 宽,占位符文本在大约 6-7 个字母后被截断。

我有同样的问题。

2013-12-10--1386684424_559x48_scrot

我已将 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%!重要;
}

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

dmifedorenko picture dmifedorenko  ·  17评论

ArtemGoutsoul picture ArtemGoutsoul  ·  33评论

greg0ire picture greg0ire  ·  38评论

gemal picture gemal  ·  51评论

JAStanton picture JAStanton  ·  60评论