html - IMG 上不需要的按钮样式

Question

首先我想说声抱歉，因为我知道这可能是一个非常简单的修复或一些明显的我遗漏的东西，比如你不能将 IMG 用作按钮。

如您所见，有一个不会消失的白色边框。它应该只是一个白色的汉堡图片。

我在这里错过了什么？

HTML:

<div class="mini-nav-menu">
    <button><img src="assets/menu.png"/></button>
</div>

CSS:

.mini-nav-menu {
    display: flex;
    padding-right: 30px;
    padding-top: 4px;
}

.mini-nav-menu img {
     width: 40px;
}

Answer 1

您必须在按钮 html 标记上修改或添加一些 CSS 属性。 请为按钮添加一个类。 (让我们命名为 btn-class)

您的HTML

<div class="mini-nav-menu">
    <button class="btn-class"><img src="assets/menu.png"/></button>
</div>

并为按钮类添加 CSS :

.btn-class {
    border: 0;
    background: none;
    padding: 0;
}

它会起作用。