html - 添加一个 :focus outline to all links

标签 html css

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 7 年前

我为我的主站点链接设置了以下默认样式:

a {
    color: #000;
    text-decoration: none;
}
a:visited,
a:focus,
a:active {
    color: #000;
}
a:hover {
    color: red;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}

在设置其他链接的样式时,我遵循相同的模式,例如:

.button {
    color: #fff;
    background: #000;
}
.button:visited,
.button:focus,
.button:active {
    color: #fff;
}
.button:hover {
    color: #000;
    background: #fff;
}

是否有必要为其他链接包含焦点轮廓样式,或者浏览器会回退到我的默认设置吗?我知道拥有正确的焦点样式将有助于可访问性。

最佳答案

如果“分类”链接上的 :focus 伪类与主链接没有区别,则无需再次声明。

关于html - 添加一个 :focus outline to all links,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31382652/

上一篇:javascript - 用 onclick 重叠两个元素

下一篇:html - 使图像全宽 - Wordpress HTML/CSS

相关文章:

javascript - 保留 html 片段还是仅使用 javascript 构建?

html - 如何使元素具有粘性?

html - 在 Bootstrap 中水平居中 div 元素? (文本中心不工作)

javascript - JQuery:可点击div顶部的可点击元素

javascript - 模拟固定的侧边栏模板问题

javascript - 如何反转 jQuery css 样式?

html - 如何在不使用 span、div 或 p 的情况下为 HTML 中的文本着色

javascript - 如何从动态数组中获取下拉列表的值?

javascript - 使用 recharts ( Barchart ) 设置响应图表的高度和宽度

html - 如何解决放大缩小问题