Question

我正在使用semantic-ui，但是在我的搜索表单中，当我实现大输入字段时，select选项字段不起作用，仍然具有相同的大小，我实现正确的方法吗？查看文档看起来我正在做正确的猜测。

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

大ui选择框

1 个答案: