html - 如何从 Materializecss 中删除预选的 Tab 指示器？

Question

我正在使用 Materilizecss 中的 tab 来设计我的网络应用程序中的导航选项卡。

默认情况下，第一个选项卡处于选中状态。这由第一个选项卡下方的下划线表示，如下图所示。

默认情况下，我不希望预选标签的任何!需要说明的是，我不希望任何选项卡默认带有任何 下划线，如下图所示。

我希望默认情况下取消选择选项卡，直到用户选择其中一个选项卡，然后该选项卡才会在其下方显示下划线。

不幸的是，我似乎找不到任何关于删除默认选择的标签/下划线的文档。

期待您的帮助。

Answer 1

删除边框底部:

.target {
    border-bottom:none;
}

然后悬停:

.target:hover {
    border-bottom: 1px solid red;
}