From f40f39218623c54cc0e20e1cc25f2ddc5f93d20b Mon Sep 17 00:00:00 2001 From: Yuhei Yasuda Date: Mon, 1 Jan 2024 07:09:26 +0900 Subject: [PATCH] update 2023-12-31-apply-default-focus-ring-styles --- .../blog/2023-12-31-apply-default-focus-ring-styles.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/blog/2023-12-31-apply-default-focus-ring-styles.mdx b/src/content/blog/2023-12-31-apply-default-focus-ring-styles.mdx index a27048e..d19c836 100644 --- a/src/content/blog/2023-12-31-apply-default-focus-ring-styles.mdx +++ b/src/content/blog/2023-12-31-apply-default-focus-ring-styles.mdx @@ -1,9 +1,9 @@ --- -title: ブラウザデフォルトのフォーカスリングを明示的に適用する方法 +title: 任意の要素に対してブラウザデフォルトのフォーカスリングを適用する方法 publishDate: '2023-12-31T11:00:00.000+09:00' --- -特定の要素に対して、ブラウザデフォルトのフォーカスリングが描画されるように明示的に設定したいことがある。たとえばスタイリングの都合により、一度取り除いたフォーカスリングをふたたび適用したいとき。 +任意の要素に対して、ブラウザデフォルトのフォーカスリングが描画されるように明示的に設定したいことがある。たとえばスタイリングの都合により、一度取り除いたフォーカスリングをふたたび適用したいとき。 フォーカスリングのスタイルは、ブラウザの種別や状況によってまちまちであるため、CSSでそれらしいものをエミュレートするのが難しい。そのため、同じものを呼び出せるような特別なやり方を採用できると望ましい。