更改CSS / JS中的制表符样式

Question

在HTML页面中，当按Tab键时，选项卡式链接会突出显示， 是否可以更改该突出显示的样式？

Answer 1

是的，您可以使用:focus伪类。

textarea:focus {
  background: pink;
}

<textarea>
 Test content
</textarea>

Answer 2

您可以使用：focus伪选择器更改样式。我创建了一个CodePen来向您显示：https://codepen.io/JosephAllen/pen/aabppo

您可能也想禁用浏览器的默认：focus状态：

a:focus {
    color: green;
    outline: none; // Removes Chrome's default blue border
}