☰

ユーザーエージェントスタイルシートとは何ですか? 質問する

tag-icon • tag-icon css google-chrome
ユーザーエージェントスタイルシートとは何ですか? 質問する

Google Chrome で Web ページを作成中です。次のスタイルで正しく表示されます。

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

これらのスタイルを定義していないことに注意してください。Chrome 開発者ツールでは、CSS ファイル名の代わりにユーザー エージェント スタイルシートと表示されます。

フォームを送信して検証エラーが発生すると、次のスタイルシートが表示されます。

table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

これらfont-sizeの新しいスタイルが私のデザインを邪魔しています。スタイルシートを強制し、可能であれば Chrome のデフォルトのスタイルシートを完全に上書きする方法はありますか?

ベストアンサー1

ブラウザによって、デフォルトのCSSルールが異なります。デフォルトのスタイルシートには、次のようなCSSリセットを含めてみてください。meyerweb CSS リセットまたは正規化.css、これらのデフォルトを削除します。違いを確認するには、「CSS reset vs normalize」を Google で検索してください。

おすすめ記事