0

ラベル付きのチェックボックスのリストがあり、Firefox と IE では間隔が異なっていることに気付きました。

以下の CSS を適用して、すべてのスペースを削除しようとしました。

border: 0 none;
margin: 0;
outline: medium none;
padding: 0;

残念ながら、以下のスクリーン ショットからわかるように、Firefox のチェックボックスとラベルの間にまだ余分なスペースがあるようです。

ファイアフォックス:

インターネットエクスプローラ

Firefox ではチェックボックスとラベルの間にまだスペースが表示されるのに、Internet Explorer では同じ CSS を使用していないのはなぜですか?

4

1 に答える 1

1

要するに、これが表示されている理由は、そのような詳細がどこにも標準として定義されておらず、特定のブラウザによって適用されるデフォルト スタイルのセットである「ユーザー エージェント スタイルシート」に帰着するためです。 .

これは、多くのデザイナー/開発者を苛立たせるものであり、ある種の CSS リセット スタイルシートの開発につながっています。(私の意見では)最高のものの 1 つは、normalize.css一貫性のある賢明なデフォルトを提供することを目的としており、あなたが説明したようなブラウザー間の不一致をスムーズにします。

于 2013-06-20T12:38:09.347 に答える