Fahami peranan helaian gaya ejen pengguna

Question

Saya sedang mengusahakan halaman dalam Google Chrome. Ia memaparkan gaya berikut dengan betul.

table {
    paparan: meja;
    border-collapse: terpisah;
    jarak sempadan: 2px;
    warna sempadan: kelabu;
}

Perhatikan bahawa saya tidak mentakrifkan gaya ini. Dalam Alat Pembangun Chrome, ia menggantikan nama fail CSS dengan Lembaran Gaya Ejen Pengguna.

Sekarang, jika saya menyerahkan borang dan beberapa ralat pengesahan berlaku, saya mendapat helaian gaya berikut:

table {
    ruang putih: normal;
    ketinggian garis: normal;
    berat fon: normal;
    saiz fon: sederhana;
    font-variant: normal;
    gaya fon: biasa;
    warna: -webkit-text;
    text-align: -webkit-auto;
}

jadual {
    paparan: meja;
    border-collapse: terpisah;
    jarak sempadan: 2px;
    warna sempadan: kelabu;
}

saiz fon dalam gaya baharu ini mengganggu reka bentuk saya. Adakah terdapat cara untuk memaksa helaian gaya saya, jika boleh, untuk mengatasi sepenuhnya helaian gaya lalai Chrome?

Answer 1

Jika tiada daripada kandungan HTML anda, anda mungkin menghadapi situasi di mana penyemak imbas mengutamakan "helaian gaya ejen pengguna" berbanding helaian gaya tersuai anda. Menambah jenis dokumen menyelesaikan masalah ini.

Answer 2

Apakah pelayar sasaran? Pelayar yang berbeza menetapkan peraturan CSS lalai yang berbeza. Cuba tambahkan tetapan semula CSS, seperti meyerweb CSS reset atau normalize.css, untuk mengalih keluar nilai lalai ini. Google "Tetapan semula CSS vs normalisasi" untuk melihat perbezaannya.