Javascript 如何使用SelectBoxIt.js创建100%宽度选择

使用SelectBoxIt.js创建100%宽度的选择框时遇到一些问题

即使将CSS宽度设置为100%，选择框也不会填充容器元素的100%

CSS:

HTML:

选择框它是：
jQuery插件
选择框替换
有状态UI小部件

格雷格·弗兰科帮我解决了这个问题

您可以在JSBin中看到解决方案。

基本上，您需要禁用autoWidth，如下所示：

$（“.test2”）。选择boxit（{autoWidth:false，copyClasses:“container”}）

然后在CSS中将宽度设置为100%：

.test1、.test2、.test2.selectboxit、.test2.selectboxit选项{
宽度：100%；
}
js

$(".mySelect").selectBoxIt({ autoWidth: false });

然后是css

.selectboxit-container {
    width: 100%;
}

    .selectboxit-container .selectboxit {
    width: 100%;
}

我没有投你反对票。但是：这看起来像是你自己的一篇问答文章。请至少添加相关的代码部分
。selectBoxIt（{autoWidth:false}）和使用的CSS
宽度：100%到您的答案，使其独立。
$(".mySelect").selectBoxIt({ autoWidth: false });

.selectboxit-container {
    width: 100%;
}

    .selectboxit-container .selectboxit {
    width: 100%;
}