Question

我尝试对wordpress默认搜索表单进行一些自定义，并且我想替换文本＆＃34;搜索＆＃34;在值=＆＃34;搜索＆＃34;带有图标的字符串。

目前我有以下表格：

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

Answer 1

以下是一种解决方法，我将@keyframes green-fade { 0% {background: rgb(173, 235, 173);} 100% {background: none;} } .post-div { animation: green-fade 5s ease-in 1; }替换为input，完全删除了button

value

表单似乎工作得很好..

Answer 2

使用 jQuery

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

Wordpress搜索表单 - 替换＆＃34;搜索＆＃34;带有图标的文本

2 个答案: