刚刚用html和css创建了一个搜索栏，我如何对php搜索表单使用相同的样式？

以下是搜索栏的HTML代码：

 <div class="search-box">
    <input class="search-txt" type="text" name="" placeholder="Type to search">
      <a class ="search-btn" href="#">
        <i class="fas fa-search"></i>
      </a>
 </div>

当我删除HTML并添加此php代码时

<?php get_search_form(); ?>

搜索栏在我的Wordpress网站上运行得非常好。但是，默认样式是非常基本的，我想更改它以匹配我原来的静态搜索栏

---

如何实现这一点？

如果您使用Wordpress，您可以创建一个返回html的短代码，这样它将保持您原来的html样式

您有关于短代码以及如何使用它们呈现HTML元素的更多信息

---

希望这对你有帮助

您可以从中的模板层次结构中进行检查。您必须从wordpress修改相应的模板或小部件

在您的情况下，您必须覆盖searchform小部件，有几种方法可以做到这一点，这里已经给出了答案

可能的解决方案是在主题中插入/覆盖searchform.php，并在其上添加标记：

<form action="/" method="get">
    <label for="search">Search in <?php echo home_url( '/' ); ?></label>
    <input type="text" name="s" id="search" value="<?php the_search_query(); ?>" />
    <input type="image" alt="Search" src="<?php bloginfo( 'template_url' ); ?>/images/search.png" />
</form>

搜索