Wordpress搜索表单 - 用图标替换“搜索”文本

我正在尝试对wordpress默认搜索表单进行一些自定义设置，并且我想用一个图标替换value =“Search”字符串中的“Search”文本。Wordpress搜索表单 - 用图标替换“搜索”文本

目前，我有以下形式：

<form role="search" method="get" id="searchform" class="searchform" action="//example.com/"> 
<div class="box"> 
    <div class="container-1"> 
     <input type="text" value="" name="s" id="s" placeholder="Search..." /> 
     <input type="submit" id="searchsubmit" value="Search" /> 
    </div> 
</div> 
</form>

我如何可以把下面的图标呢？ <i class="fa fa-search"></i>

来源

2017-03-17 Joe Bloggs

我不相信你可以把HTML成'value'属性。您可以将其设置为使用font-awesome font-face并输入搜索图标的实体。或者你可以设置font-face，然后使用'content：'css属性添加实体， –

我只是将输入类型=“submit”替换为button type =“submit”并完全删除该值。除了少数造型问题似乎工作正常.. –

这里有点一种解决办法，我更换了input与button，彻底清除value

<form role="search" method="get" id="searchform" class="searchform" action="//example.com/"> 
<div class="box"> 
    <div class="container-1"> 
     <input type="text" value="" name="s" id="s" placeholder="Search..." /> 
     <button type="submit" id="searchsubmit" /> 
      <span class="icon"><i class="fa fa-search"></i></span> 
     </button> 
    </div> 
</div> 
</form>

形式似乎工作得很好..

来源

2017-03-17 01:59:02

Wordpress搜索表单 - 用图标替换“搜索”文本

回答

相关问题