目前，我正在尝试创建一组内联的<a>标签，它们看起来像按钮。按钮的样式始终都带有边框，但是我必须设置margin-left: -1px来确保边框像表格一样“折叠”。
除了当按钮具有:focus时一切正常之外，我想在<a>周围放置轮廓。如下图所示，轮廓是完美的，除了隐藏的右侧边缘。
我正在尝试创建一个漂亮的样式分页控件。这些按钮的布局如下：
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
...
</ul>
有谁知道为什么会发生这种情况以及如何补救？
注意：我限于提供的代码量，因为它是生产代码。我将尽力提供人们所需要的尽可能多的信息。
最佳答案
使用HTML元素的z-index CSS属性可以解决此问题。
在这种特定情况下，在z-index: 1上使用position: relative和a:focus将提供正确的显示。
感谢@FabrizioCalderan的最终答案。