我尝试对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>
答案 0 :(得分:5)
以下是一种解决方法,我将@keyframes green-fade {
0% {background: rgb(173, 235, 173);}
100% {background: none;}
}
.post-div {
animation: green-fade 5s ease-in 1;
}
替换为input
,完全删除了button
value
表单似乎工作得很好..
答案 1 :(得分:0)
使用 jQuery
$('#searchsubmit').replaceWith('<button class="search-submit" type="submit"><i class="fa fa-search"></i></button>')