# Chrome pinta el anillo de foco de un SVG en :focus, no en :focus-visible

Un `<path tabindex="0">` enfocado con un clic da `:focus` pero no `:focus-visible`, y aun así Chrome le pinta `outline: auto`. Con `<button>`, `<a>` o un `<div tabindex="0">` no pasa. El reset va en `:focus { outline: none }`, no en `:focus-visible`; en Tailwind, la variante `focus:` y no `focus-visible:`.

- Fecha: 01 AGO 2026 (`2026-08-01`)
- Tags: CSS, Accessibility, Web Platform

---

Este es un TIL: una nota corta, sin página HTML propia. Se lee en contexto, junto al resto, en [/lab](https://www.angelcruz.dev/lab#chrome-anillo-de-foco-svg-focus-visible).

Índice completo del sitio: [/sitemap.md](https://www.angelcruz.dev/sitemap.md)