javascript - 选择具有边框半径的 div 后删除框

Question

我有一个 div，里面有一个 span 元素，它会有一个重定向功能。 div 具有 border-radius 属性。所有的工作和用户界面看起来都很好。但是当选择元素时，我会在 div 周围看到一个边框框。

因为它只在重定向前出现一分钟，所以我无法追踪它的 CSS 问题。

这是我的代码:

HTML: 按钮文字

CSS:

.menu-button{
    background-color: green;
    border-radius: 30px;
    cursor: pointer;
    margin: 10px 5px 2%;
    text-transform: uppercase;
}

这就是 select 上的 div 在移动到不同页面之前的样子:

如有任何帮助，我们将不胜感激。

Answer 1

确保将 menu-button 类的 outline 设置为 none。即，outline: none;。

这是由于 button 元素的一些默认值而发生的。例如，在 Google Chrome 上，outline 是一个标准的蓝色边框，用于突出显示您当前所在的位置。

因此，通过设置 outline: none; 将在您单击 button 元素时删除任何 border。

---

这也适用于 input 元素，以供将来引用。