css - multiselect.js 通过 gem multi-select-rails - 如何最好地设置宽度

Question

我从 http://loudev.com/ 添加了多选通过 multi-select-rails gem 访问我的网站。

效果不错，我喜欢。我坚持的一点是如何最好地修改默认宽度。它目前通过 css 编码为宽度 370px，当在开发中我将宽度更改为 100% 我得到了我想要的，但是编辑供应商文件感觉非常错误，特别是对于生产

我已经尝试设置一个自定义类，并且 .multiSelect( {cssClass: "myclass"}) 具有宽度属性 - 没有乐趣。

我是否停止使用 gem 方法并手动将 js 和 css 文件粘贴到我的应用程序中，还是我遗漏了什么？我可以在不覆盖供应商代码的情况下覆盖 css 设置吗？任何建议表示赞赏。

Answer 1

我对这个 gem 有同样的问题，并通过在我的 application.css.scss 文件中导入 multiselect.css.scss 之后包含我的 custom.css.scss 来修复它。

@import "multi-select";
@import "custom"

我将以下内容添加到我的 custom.css 中，它工作得很好。

.ms-container{
    background: transparent image-url('switch.png') no-repeat 50% 50%;
    width: 75%;
 }