實現選擇輸入顯示兩個插入符

我剛剛通過gem 'materialize-sass'將Materialise集成到了我的Rails項目中。出於某種原因，該選擇輸入表示代替1.實現選擇輸入顯示兩個插入符

對於選擇輸入端的代碼兩個插入基本上是在其網站上的示例的叉。

<div class="input-field"> 
    <select name="tutor_profile[dob_month]" id="tutor_profile_dob_month"> 
     <option value="" disabled selected>Choose your month</option> 
     <option value="1">January</option> 
     <option value="2">February</option> 
     <option value="3">March</option> 
     <option value="4">April</option> 
     <option value="5">May</option> 
     <option value="6">June</option> 
     <option value="7">July</option> 
     <option value="8">August</option> 
     <option value="9">September</option> 
     <option value="10">October</option> 
     <option value="11">November</option> 
     <option value="12">December</option> 
    </select> 
    <label>Birthday</label> 
</div>

我試着調整了開發者控制檯中選擇按鈕的CSS樣式，但沒有成功。選擇輸入中的任何元素都沒有附加樣式。

我使用的其他CSS框架是bootstrap，bootstrap-tagsinput，twitter-typeahead和jquery-ui。我想知道是否有人有類似的經歷。

來源

2016-01-15 Richard

我有完全相同的問題。原因是我們將bootstrap和materializecss fm結合起來，如果你卸載其中的一個，則工作正確。但對他們的解決方案一起工作，我不知道=（

來源

2016-02-04 19:31:45 user3711881

這是一個恥辱，如何都不是交叉兼容，因爲從引導到實現修改所有樣式將是一種痛苦。 – Richard

這不是最好的答案。但我這樣做與jQuery。我看在控制檯生成的HTML，然後我注意到，那些箭在！一個$(".caret").hide()試試這個

來源

2016-06-21 03:31:45

在一個 –

你只能使用該行，如果你沒有使用更多的東西，比如下拉菜單:( –

簡短的回答：

添加到您的CSS

.caret { 
    border-color: transparent !important; 
}

龍答：

引導實現使用CSS邊界（右，上，左），和實現materializecss使用文本插入符號插入符號「▼」作爲元件的內HTML。

強制透明邊框將導致引導程序的插入符號消失，並將解決您的問題。

如果你堅持使用bootstrap的脫字符號，你將不得不編輯materializecss的javascript文件，這是不推薦的。

來源

2016-07-28 10:50:03

實現選擇輸入顯示兩個插入符

回答

相關問題