大UI選択ボックス

Question

イムセマンティック-UIを使用して、私の検索フォームでは、選択オプションフィールドdoesntのは、有効になります私は正しい方法を実装しています、同じサイズで、まだですか？ドキュメントを見ると、それは正しいと思います。

あなたが選択に大きなドロップダウンのスタイルを追加することができます

<div class="ui large form"> 


       <div class="four fields"> 
        <div class="field"> 
        <select class="large ui dropdown"> 
        <option value="">All areas</option> 
        <option value="1">Chef</option> 
        <option value="0">Barman</option> 
        </select> 
        </div> 

        <div class="field"> 

        <select class="large ui dropdown"> 
         <option value="">All resgions</option> 
         <option value="1">New york</option> 
         <option value="0">London</option> 
        </select> 

        </div> 


        <div class="field"> 

        <input placeholder="Ex: Position, etc" type="text"> 
        </div> 

        <div class="field"> 

        <div class="large ui blue button"><i class="search icon"></i> Search</div> 
        </div> 
       </div> 


       </div> 

Answer 1

HTML：

min-height: 2.7142em; 

をまたはHTML/JSで自分のカスタムドロップダウンを使用しよう：

<div class="ui selection large dropdown"> 
    <input type="hidden" name="gender"> 
    <i class="dropdown icon"></i> 
    <div class="default text">Gender</div> 
    <div class="menu"> 
     <div class="item" data-value="1">Male</div> 
     <div class="item" data-value="0">Female</div> 
    </div> 
</div> 

Javascript：

$('.ui.dropdown').dropdown();