大型用戶界面選擇框

Question

即時通訊使用語義 - 用戶界面，但在我的搜索表單時，我實現了大輸入字段，選擇選項字段不生效，仍然具有相同的大小，我執行正確的方式？看看文件，它看起來即時通訊正確，我猜。

HTML

<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

您可以選擇添加樣式大型下拉：

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();