Question

这是代码的链接。

指向某些Documentation的链接（最后一个例子）

我希望这样做，默认情况下，在页面加载时选择第一个选项卡，如果可能，更改活动选项卡文本颜色。

由于

Answer 1

默认选择第一个标签： 您可以将第一个选项卡的div的显示属性设置为块，将所有其他选项卡的显示属性设置为无。（<div id="London" class="w3-container city" style="display:block">）因此，无论何时加载页面，第一个选项卡的内容将始终可见。您可以相应地更改单击已在代码中实现的其他选项卡的显示属性。

更改有效标签文字颜色 点击特定添加后，您可以添加CSS颜色，使用Javascript在其中指定颜色规则。

如果这对您没有帮助，请在评论中告诉我。

Answer 2

以下是html中第一个标签所需的内容：

<a href="javascript:void(0)" onclick="openCity(event, 'London');">
      <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding w3-border-red">London</div>
    </a>

和

<div id="London" class="w3-container city" style="display:block">
    <h2>London</h2>
    <p>London is the capital city of England.</p>
  </div>

如果要更改当前活动标签的颜色：

.w3-border-red, .w3-hover-border-red:hover {
    border-color: #e91e63!important;
    background-color: blue;
}

如何使用HTML导航选项卡在页面加载时选择默认选项卡

2 个答案: