Html 当您使用tab键切换按钮时更改按钮的外观

我有以下代码：

我这样做是因为用户名、密码、登录按钮，然后是“开始”等标签

---

但是，没有迹象表明用户已进入“入门/蔬菜”选项卡。例如，当您按tab键访问用户名时，它会以蓝色突出显示，但在您按log on按钮进行tab键访问之后。没有迹象表明用户在选项卡上，我如何实现这一点？

使用

：focus

伪类

在您的例子中，您将tabIndex赋予单选按钮，但为标签提供背景色。所以首先将其更改为标签标签

<label for="tab1" tabindex="4">Getting Started</label>

---

Liveweave:

很抱歉，我不明白如何将其合并到我的代码中。我是一个完整的html/cssbeginner@Clay核对答案

<label for="tab1" tabindex="4">Getting Started</label>

.tabs label li:fous
{
   background-color:#000000;
}