드롭 다운 메뉴를 선택하려면 캐럿을 추가하십시오.

Question

here is the image 내 선택 드롭 다운 메뉴에 부트 스트랩 캐럿 클래스를 추가하고 싶습니다.

.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>

나는 부트 스트랩 형태의 제어를 사용했다. 드롭 다운 메뉴를 선택하려면 어떻게 캐럿을 추가 할 수 있습니까? 캐럿 bydefault

Answer 1

체크 아웃 this answer - 나는 그것에 대해 잘 될 것입니다 생각 너 찾고있어.

<select> 요소에 표시된 캐럿은 사용자의 브라우저 또는 OS에 의해 결정됩니다. 수 이것을 재정 의하여 사용자 정의 캐럿/이미지를 설정할 수 있습니다. 그러나 링크 된 게시물에 설명 된 것처럼 모바일 장치에서의 경험의 질이 떨어질 위험이 있습니다.

계속 진행하십시오. 행운을 빈다.

Answer 2

가 부트 스트랩과 선택 상자에 추가 된 언급을 따라 당신은 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>