文章标签

Rick Strahl:

我无法告诉你我这些年来实现了多少次像 CSS 这样的自定义 "按钮" 实现。这些年来，我使用过图像、背景、渐变和不透明度来有效地 "突出显示" 控件。所有这些都行之有效，但

Remy 几天前记录了这一点。Firefox 支持 Highlight 关键字，Chrome 和 Safari 都支持 -webkit-focus-ring-color 关键字。因此，例如，如果你已从某物中删除焦点，并希望将其放回相同的 ...

Sarah Higley 有 一些处理 Windows 上高对比度模式的 CSS 技巧，我了解到它被称为 WHCM。

第一个技巧是

[…] 如果默认的 CSS outline 属性没有给你

每个前端开发人员都遇到过或将遇到这种情况：你的老板、客户或设计师认为浏览器在聚焦元素上应用的轮廓与 UI 不匹配，并要求你将其移除。或者，你甚至可能 ...

在本周的综述中："添加到主屏幕" 在 Android 中有不同的含义，Chrome 和 Edge 在表单输入的焦点矩形上添加了一些弹出效果，以及第三方网站如何可能即将出现在你附近的模态窗口中 ...

:focus-visible 伪类（也称为 "Focus-Indicated" 伪类）是一种原生 CSS 方式，用于对以下元素进行样式设置：

1. 处于 焦点 状态
2. 需要一个 可见 的指示器来显示焦点（稍后将详细介绍）

:focus-visible 的使用方式类似于 :focus：用来 ...

正如 Eric Bailey 所说，如果它具有交互性，则需要焦点样式。也许你最好的选择是？不要删除可聚焦元素默认情况下具有的轮廓。如果你要使用 button { outline: 0; }，...

Patrick H. Lauke 讲解了未来的 CSS 伪类 :focus-visible。我们正处于 浏览器支持的早期阶段，但它旨在解决一个尴尬的情况...

...焦点样式在作为时通常是不希望的

并非每个人都使用鼠标来浏览互联网。如果你在智能手机上阅读这篇文章，这很明显！同样值得指出的是，人们使用其他形式的输入来完成任务。...