<button>不适用于弹出窗口。 （HTML，CSS，JS）</button>

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

Answer 2

这是你在找什么？

.smiley:focus{ outline: none}