multiselect.js通過gem multi-select-rails - 如何最好地設置寬度

Question

我已經通過多選select-rails gem將0123選擇從http://loudev.com/添加到我的網站。

它運作良好，我喜歡它。我堅持的是如何最好地修改默認寬度。目前它的編碼寬度爲370px，通過css，在開發中，我將寬度更改爲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%; 
}