DIVを囲む

Question

FirefoxでこのWebサイトを問題なく構築しています。クロスブラウザテストでChromeを使用すると、<div>の周りにわずかな境界があることに気付きました。

これは、縁なし

のように見える。しかし、私はdiv要素の空のスペースの一つでクリックしたときにdivの周りにわずかに黄色の境界に注目することになっているものです。

私はborder:0を追加することにより、前の画像と同様の問題を持っていたし、それが解決しています、しかし、この問題のために、私はborder:0、border:none、outline:0を試したし、それらはすべて動作するようには思えません。

これは非常に緊急であり、私はあなたからの助けに感謝します。

この問題の解決に役立つご質問があれば、どうかお気軽にお問い合わせください。事前に

おかげで

EDIT

はただ、これはクロムのフォーカスインジケータであることを学んだ、このタイプのための実行可能な従来のborder:0、border:noneのですか？

Answer 1

利用疑似セレクタ 要素：フォーカス{ 概要：なし。 }

Answer 2

黄色の枠線が「フォーカス」インジケータです。 IEでは点線の輪郭ですが、Chromeはそのような黄色い枠線を追加します。

残念ながら、私はそれを取り除くための信頼できる方法をまだ見つけていませんが、正しい要素に枠線削除スタイルを追加し直してください。そのdiv要素はCSSで呼び出された場合、そのdiv要素のスタイルは、単一のブロック にする必要があります

Answer 3

.maindiv それは一人で立ってみましょう

.div{ 
border:0px; 
}