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

Question

我正在使用Materilizecss中的标签来设计Web应用程序中的“导航”标签。

默认情况下，选择第一个选项卡。这由第一个标签下的下划线表示，如下图所示。

默认情况下，我确实不希望预先选择标签的任何！明确地说，我不希望任何选项卡默认情况下带有任何下划线，如下图所示。

我希望在用户选择其中一个选项卡之前默认情况下不选择这些选项卡，只有这样，该选项卡才会在其下带有下划线。

不幸的是，我似乎找不到任何有关删除默认选定选项卡/下划线的文档。

期待您的帮助。

Answer 1

要去除边框底部：

.target {
    border-bottom:none;
}

要悬停：

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