선택 상자로 스타일이 지정된 텍스트 유형의 입력 필드가있는 Chosen.js?

Question

입력 필드에 selected.js를 적용하고 싶습니다. 여기에 내 코드

<label> 
    <input type="text"/> 
    <div class="custom-placeholder"> 
     <span>Placeholder text</span> 
    </div> 
    <div><img src="dropdown icon.img"/></div> 
</label> 

위의 코드 출력이 정확히 선택 상자를 나타납니다 (내 프로젝트를 축복하는 스타일). 자, selected.js 선택 상자로 사용하고 싶습니다. 도와주세요. 나는 위의 코드 대신 사용하는 경우, 나는

Answer 1

이 링크 시도 스타일을 많이 변경해야

https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css

: https://jsfiddle.net/esedic/Da4m3/

업데이트

을 페이지에 링크 아래에 첨부 해주세요

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

당신은 한 번에 하나의 항목을 선택하려면 https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js

<select id="first" data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4"> 
       <option value=""></option> 
       <option value="United States">United States</option> 
       <option value="United Kingdom">United Kingdom</option> 
       <option value="Afghanistan">Afghanistan</option> 
       <option value="Albania">Albania</option> 
       <option value="Algeria">Algeria</option> 
       <option value="American Samoa">American Samoa</option> 
       <option value="Andorra">Andorra</option> 
       <option value="Angola">Angola</option> 
       <option value="Anguilla">Anguilla</option> 
      </select> 
<script> 
$(function() 
{ 
    $(".chosen-select").chosen(); 
}) 
</script> 

다음 속성 여러를 제거합니다.