web-dev-qa-db-ja.com

奇妙なアウトラインがChrome 83 / IE on my Windows 10に表示されます

非常に奇妙なことが起こりました。数時間後、my Chrome(IEも)は入力時に別のデフォルトのアウトラインを表示します。コードを調べると、アウトラインセットは次のようになっています。

アウトライン:-webkit-focus-ring-color auto 1px

結果は次のようになります: enter image description here

シークレットモードでも、拡張機能の有無にかかわらずナビゲーションでも発生します。

どうすれば復元できますか?

4
r1si

chrome 83 ....(これはすべてのSOに影響を与えます)の新しい「機能」です。すぐに削除されることを願っています https://support.google.com/chrome/thread/48974735?hl = en

1
r1si

あなたはこのようなものでそれを達成できると思います

*:focus {
   outline: 1px solid aliceblue
}

そのため、フォーカスする輪郭を描くすべての要素を定義できます。

同様の質問がここにあります Chromeのデフォルトのフォーカスの概要

pS:新しいchromeアウトラインは地獄のように醜いですが、まったく無効にするのは悪い習慣であることを忘れないでください http://www.outlinenone.com/

乾杯

1
AjejeBrazorf

Microsoft EdgeとGoogleのチームChromeは昨年、Chromiumブラウザの組み込みフォームコントロールの機能を再テーマ化し、機能を向上させるために協力しました。..新しいフォーカスインジケータは濃い濃い薄い白い輪郭のリング。明るい背景と暗い背景の両方で視認性が向上します。これは、開発者が新しいコードを記述する必要なく、多くのサイトでキーボード操作を自動的に改善する簡単なアクセシビリティの勝利です。 新着情報Chrome 8

以下のように、必要なすべてまたはすべての要素のフォーカスアウトラインを簡単に完全に削除またはカスタマイズできます。

*:focus {
   outline: none; /* or customize it */
}
0
Reza