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搜索表單 - 用圖標替換「搜索」文本

回答

相關問題