CODEWITHSUNDEEP
htmlcssbutton
Neiko
Neiko

Reputation: 1

HTML/CSS How do i remove the button icon

enter image description here

How do I remove the bottom left icon from the button to search.

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

here is the html

Upvotes: 0

Views: 4037

Answers (1)

EGC
EGC

Reputation: 1789

Are you just trying to hide the tiny button on the bottom left? If so, this should sort you out!

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

You can also do this in css using the following:

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

Upvotes: 1

Related Questions