0

图片相关。 <- 我的意思是这个虚线边框（显示了左上角）。

它应该是一个带有链接的按钮。它看起来很棒，但是当我点击它时，浏览器会在它周围画一个边框。如果我<a>从代码中删除并再次单击，则不会绘制边框

CSS：

#button{
        padding: 0.5em;
        margin: 0 auto;
        border-radius: 3px;
        background-color: #B3C833;
        font-family: 'Consolas',monospace;
        font-size: 3em;
        display: inline-block;
}

HTML：

<a href="#">
    <div id="button">
        <span id="pref">http://</span><span id="addr">example.com</span>
    </div>
</a>
4

2 回答 2

2

您需要添加此属性：

a {
  outline:none;
}
于 2013-11-14T20:30:27.617 回答
1

该边界用于可访问性，不应删除。它允许禁用并通过键盘访问您的站点的人查看焦点在哪里。

查看outlinenone.com

如果您不介意丢失一部分流量，您可以通过以下方式将其删除：

a {
  outline:none;
}
于 2013-11-14T20:33:47.450 回答