javascript - 如果选中，带有底部边框的导航栏会向上移动文本

Question

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

我该如何解决？

这是一个重现该案例的Codesandbox 。我尝试使用 box-sizing 并隐藏溢出，但它似乎不起作用......

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

标签： javascriptcssuinavigationbar

Answer 1

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