Eric Meyer の CSS リセットとjqGrid (jQuery Grid プラグイン)を使用します。
リセットはグリッドの CSS スタイルに干渉し、グリッドは許容できないように見えます。
この種の問題を解決する一般的な方法は何ですか (CSS のリセットはページのサードパーティ コンポーネントに影響します)。
まず、使用する最初の CSS スタイルに Eric Meyer の CSS リセットを含める必要があります。デフォルトの行の高さ、余白、見出しのフォント サイズなど、ブラウザーの不一致を減らすように設計されています。したがって、ブラウザのデフォルトを変更する必要がありますが、使用する CSS の明示的な設定は変更しないでください。
「Eric MeyerのCSSリセット」で少し疑わしい唯一のスタイルは設定です
table { border-collapse: collapse; }
これは、jqGrid CSS と何らかの相関関係があると思われる唯一の CSS スタイルです。したがって、追加の CSS を含めることをお勧めします
.ui-jqgrid table {
border-collapse: separate;
}
border-collapse
jqGrid内で変更されます。デモはスタイルを使用し、結果は「Eric Meyer の CSS リセット」なしのグリッドと同じように見えます。
リセットを使用する理由は何ですか? 私は決して使用しません。それがサードパーティのものに影響を与えていて、それを使用する理由がわからない場合は、それを削除してください。とにかく要素の値を設定しているため、その上でリセットをオーバーライドしている可能性があります。