html - HTML/CSS如何删除按钮图标

如何从按钮中删除左下方的图标以进行搜索。

<form action="search.php" method="POST">
                                        <input type="text" id="search" name="search" placeholder="Search something..." required>
                                        <div id="close-icon"></div>
                                        <button type="submit" name="submit-search"></button>
                                    </form>

这是HTML

最佳答案

您是否只是想隐藏左下角的小按钮？如果是这样，这应该可以解决您的问题！

<form action="search.php" method="POST">
    <input type="text" id="search" name="search" placeholder="Search something..." required>
    <div id="close-icon"></div>
    <button type="submit" name="submit-search" style="display:none"></button>
</form>

您也可以使用以下命令在CSS中执行此操作：

<style>
.display-none { display:none; }
</style>

<form action="search.php" method="POST">
    <input type="text" id="search" name="search" placeholder="Search something..." required>
    <div id="close-icon"></div>
    <button type="submit" name="submit-search" class="display-none"></button>
</form>