Javascript 带有底部边框的导航栏如果为'；被选中

我正在尝试创建一个带有选项卡的导航栏，如果选中，每个选项卡都应该有一个底部边框。 问题是，当边框处于“活动”状态时，文本会向上移动，我不希望这样

我怎样才能解决这个问题

这里有一个复制案例的例子。我尝试了盒子大小和溢出隐藏，但似乎不起作用

---

我不喜欢第二个示例，因为边框不在灰色区域内

您可以将“pt2”类名称添加到所选选项卡。

寻求代码帮助的问题必须包含在问题本身中重现所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。请参阅。您必须将所有项目边框底部颜色设置为透明，例如，您可以添加

边框底部：0.5rem实心透明添加到所有项目