web-dev-qa-db-ja.com

HTML / CSSの入力ボックスの青いフォーカス長方形を取り除きますか?

Mac OSを実行しているので、この効果がWindowsマシンで表示されるかどうかはわかりません。この効果が表示されない場合は申し訳ありません。

入力フィールドとテキストフィールドは、フォーカスされたときに青い長方形を表示します。Firefoxでは少なくとも、MacではChromeです。サイトにカスタムフォーカス効果があります。このデフォルトの選択動作は表示されます。Googleはサイトでそれを回避します。Googleの入力ボックスの「効果のある」CSSスタイルを取得し、それをcssオブジェクトに適用しましたが、青い四角形が表示されます。 「Googleがどのような種類のブードゥー教をしているのか正確にはわからないが、それはHTML属性でもCSS属性でもないようだ。

47
Kyle

実際には、CSS属性です。これにより、その輝く効果が非表示になります。

input:focus, textarea:focus {
    outline: none;
}
118
BoltClock