2016-10-04 46 views
0

here is the image我想在我的選擇下拉菜單中添加一個引導程序caret class。添加脫字號以選擇下拉菜單

.select_menu{ 
 
    font-size: 12px; 
 
    outline: none; 
 
    border: thin #ddd solid; 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
    background-color: #F7F7F7; 
 
}
<select class="form-control select_menu" style=""> 
 
    <option>Click here to select purpose</option> 
 
    <option>Option 1</option> 
 
    <option>Options 2 </option> 
 
</select>

我已經使用自舉形式控制。如何添加插入符號以選擇下拉菜單。

+0

檢查此鏈接:https://silviomoreto.github.io/bootstrap-select/ –

+0

你不想成爲一個下拉菜單,你點擊並轉到一個頁面 - 或者你不想它是選擇你選擇的東西? – RasmusGlenvig

+0

是的..我想成爲一個選擇,在那裏我選擇的選項。 –

回答

0

退房this answer - 我認爲這將是對什麼您正在尋找。

<select>元素顯示的插入符號是由用戶的瀏覽器或操作系統來確定。您可以可以覆蓋此設置自定義插入符/圖像;但是,如鏈接文章中所述,您可能會降低移動設備上的體驗質量。

謹慎行事,祝你好運!

0

bydefault插入符選擇框添加自舉請按照所提到的,你也可以看到的jsfiddle https://jsfiddle.net/k0Lm7eL1/12/

.select_menu{ 
 
    font-size: 12px; 
 
    outline: none; 
 
    border: thin #ddd solid; 
 
    background-color: #F7F7F7; 
 
}
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="form-group"> 
 

 
<select class="select_menu form-control" > 
 
    <option>Click here to select purpose</option> 
 
    <option>Option 1</option> 
 
    <option>Options 2 </option> 
 
</select> 
 

 
</div>

+0

我只想要脫字符。不要任何東西吹它。這在引導程序中是默認的。 –

+0

當我寫'外觀:無;'然後箭頭消失。 –