语义UI下拉图标没有

Question

我呈现下拉搜索输入这样的：

<div class="field"> 
    <label>Foo</label> 
    <select name="foo" class="ui search dropdown"> 
    <option value="">Choice</option> 
    </select> 
</div> 

它创建标准SemanticUI下拉菜单输入。

是否有可能告诉语义不渲染任何图标或在输入字段中呈现不同的图标？

Answer 1

你可以尝试创建一个下拉的另一种方法（这将需要由$('.dropdown').dropdown();

被intialized

$('document').ready(function() { 
 
    $('.dropdown').dropdown(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css"> 
 

 
<h2>Default</h2> 
 
<div class="ui dropdown"> 
 
    <div class="text">Foo</div> 
 
    <i class="dropdown icon"></i> 
 
    <div class="menu"> 
 
    <div class="item">Choice</div> 
 
    </div> 
 
</div> 
 

 
<h2>No Icon</h2> 
 
<div class="ui dropdown"> 
 
    <div class="text">Foo</div> 
 
    <div class="menu"> 
 
    <div class="item">Choice</div> 
 
    </div> 
 
</div> 
 

 
<h2>Custom Icon</h2> 
 
<div class="ui dropdown"> 
 
    <div class="text">Foo</div> 
 
    <i class="user icon"></i> 
 
    <div class="menu"> 
 
    <div class="item">Choice</div> 
 
    </div> 
 
</div> 
 

 
<h2>Search Input</h2> 
 
<p> 
 
    Same applies as above: Default, None or Custom icons are allowed 
 
</p> 
 
<div class="ui search selection dropdown"> 
 
    <input type="hidden" name="country"> 
 
    <div class="default text">Foo</div> 
 
    <div class="menu"> 
 
    <div class="item" data-value="af">Choice</div> 
 
    </div>

来源：http://semantic-ui.com/modules/dropdown.html