<p>Google Chrome でページを作成しています。以下のスタイルが正しく表示されます。 </p> <pre class="brush:php;toolbar:false;">table { 表示: テーブル; ボーダー折りたたみ: 分離; 境界線の間隔: 2px; 境界線の色: グレー; }</pre> <p>これらのスタイルは私が定義したものではないことに注意してください。 Chrome デベロッパー ツールでは、CSS ファイル名が <strong>ユーザー エージェント スタイルシート</strong> に置き換えられます。 </p> <p>ここで、フォームを送信して検証エラーが発生すると、次のスタイルシートが表示されます。 </p> <pre class="brush:php;toolbar:false;">table { ホワイトスペース: 通常; 行の高さ: 通常; フォントの太さ: 通常; フォントサイズ: 中; フォント バリアント: 通常; フォントスタイル: 通常; 色: -webkit-text; テキスト整列: -webkit-auto; } テーブル { 表示: テーブル; ボーダー折りたたみ: 分離; 境界線の間隔: 2px; 境界線の色: グレー; }</pre> <p>これらの新しいスタイルの <code>font-size</code> はデザインを混乱させます。可能であれば、私のスタイルシートを強制的に Chrome のデフォルトのスタイルシートを完全にオーバーライドする方法はありますか? </p>