css - DIVの周りの境界線

Question

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

これは国境のないように見えるはずです

しかし、divの空のスペースの1つをクリックすると、divの周りのわずかに黄色の境界線に注意してください。

以前に画像で同様の問題が発生したことがあります。これにより、を追加して解決しましたが、この問題については、border:0を試しましたがborder:0、すべてが機能していないようです。border:noneoutline:0

これは非常に緊急であり、皆さんの助けに感謝します。

この問題の解決に役立つ可能性のある質問があれば、遠慮なく質問してください。

前もって感謝します

編集

これがクロームのフォーカスインジケーターであることを知ったばかりですが、従来のborder:0、border:noneこのタイプで機能しますか？

Answer 1

疑似セレクターを使用するElement：focus {Outline：none; }

Answer 2

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

残念ながら、それを取り除くための信頼できる方法はまだ見つかりませんが、適切な要素に境界線を削除するスタイルが追加されていることを再確認してください。

Answer 3

そのdivがcss.maindivで呼び出される場合、そのdivのスタイルは単一のブロックにある必要があります。

.div{
border:0px;
}