css - Wordpress 导航栏中一个链接周围的边框

Question

我想弄清楚如何在我的 Wordpress 导航中的一个链接周围放置一个 1px 的边框。我发现了一个类似的帖子，但它不在 Wordpress 中，所以它没有太大帮助，但这就是我想为我的 Go Virtual 链接做的:

该站点的链接是:http://testsite.we-are-prodigy.com/

当我使用代码时:

.menu-item-1864 {
border: 1px solid #000;
}

我明白了:

我想要的只是文字周围的边框，而不是整个盒子。

Answer 1

问题是链接与菜单的高度相同。快速浏览该站点后，我注意到链接中有 span 标签。因此，您可以更改选择器以设置内部跨度的样式。然后，您可以为呼吸空间添加一些填充物。像这样。

.menu-item-1864 span {
  border: 1px solid black;
  padding: 5px;
}