javascript - 更改 CSS/JS 中的选项卡样式

Question

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

标签： javascripthtmlcss

Answer 1

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

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

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