我在设计两种不同样式的按钮时遇到问题。第一个按钮应该是带有 2px 边框的透明背景，下一个按钮只是基础按钮的默认样式，即没有边框。我认为 *{box-sizing: border-box;} 可以使按钮大小相同，而不管填充/边框/边距如何。我认为这可能行不通，因为我没有指定宽度/高度，但即使我这样做了，它也只是将正常按钮推离对齐 2px 的效果，甚至我仍然希望按钮是根据其中文本的自然宽度。
对我来说，简单的解决方案是在普通按钮上添加一个与背景颜色相同的边框，但最终我还必须为悬停、事件等边框添加样式……看起来就像应该有更好的方法一样。我在这里做错了什么吗？
这是我所在位置的 jsfiddle:http://jsfiddle.net/xa4d4bfv/
最佳答案
如何添加透明颜色的边框。
a.button {
border: 2px solid transparent;
}
关于html - (基础)按钮上的边框会导致对齐问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30133907/