Wordpress搜索表单-替换"；搜索“；带图标的文本

我正在尝试对wordpress默认搜索表单进行一些自定义，我想用图标替换value=“search”字符串中的文本“search”

目前我有以下表格：

<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>

---

我如何才能改为输入以下图标<代码>

这里有一点解决方法，我用

按钮替换了
输入
，完全删除了
值

<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>



表单似乎工作得很好。
使用jQuery

$('#searchsubmit').replaceWith('<button class="search-submit" type="submit"><i class="fa fa-search"></i></button>')

$（'#searchsubmit'）。替换为（''）
我不相信您可以将html放入
值
属性中。您可以将其设置为使用令人敬畏的字体，然后输入搜索图标的实体。或者您可以设置字体，然后使用
content:
css属性添加实体，我只需将输入type=“submit”替换为按钮type=“submit”，并完全删除该值。。除了一些造型问题，它似乎工作得很好。。