javascript - 不适用于弹出窗口。 (HTML、CSS、JS)

Question

我不太明白这一点。我用 CSS 颜色值创建了一个笑脸。但是当我添加按钮时，它使脸变得丑陋。 (它在笑脸设计的中心周围添加了一个圆圈)我尝试使用与弹出窗口相同的元素转发按钮标签，即 popScroll。但我的运气还没有到来。

当我点击右下角的提交按钮时，弹出窗口将打开并刷新，这很好。它表明它有效，但我真的很想得到我制作的这个笑脸来处理这个弹出窗口，这样我就可以进一步设计。

有人可以告诉我我做错了什么吗？我对此真的很陌生，并且希望对如何成为更好的编码员和开发人员有一些见解。当您现在单击该按钮(笑脸)时，它会发出提示，提示您好，我只是在测试，看看脸上的透明按钮是否有效。

我会立即积极回应任何问题和回复。

我的代码可以找到here .

<div class="popScroll">
    <div class="popup"> 
    <!-- Smiley button -->
    <button onclick="alert('hi');" class="smiley">
        <!--<div class = "smiley"></i></div>-->
    </button>

Answer 1

似乎在 css 中更高处添加了边框。

删除它，你应该被排序。

.smiley {
    border: none;
}

CodePen