Google Chrome'da bir web sayfası üzerinde çalışıyorum. Aşağıdaki stillerle doğru şekilde görüntüleniyor.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Bu stilleri benim tanımlamadığımı belirtmek önemlidir. Chrome geliştirme araçlarında, CSS dosya adı yerine kullanıcı aracısı stil sayfası yazıyor.
Şimdi bir form gönderirsem ve bazı doğrulama hataları oluşursa, aşağıdaki stil sayfasını alıyorum:
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;
}
Bu yeni stillerden gelen font-size
tasarımımı rahatsız ediyor. Stil sayfalarımı zorlamanın ve mümkünse Chrome'un varsayılan stil sayfasının tamamen üzerine yazmanın bir yolu var mı?
Hedef tarayıcılar nelerdir? Farklı tarayıcılar farklı varsayılan CSS kuralları belirler. Bu varsayılanları kaldırmak için meyerweb css reset veya normalize.css gibi bir CSS sıfırlama eklemeyi deneyin. Farkları görmek için Google "css reset vs normalize".
"Kullanıcı aracısı stil sayfası" kavramıyla ilgili olarak CSS 2.1 spesifikasyonundaki Cascade bölümüne bakın.
Kullanıcı aracısı stil sayfaları, kendi stil sayfanızda ayarladığınız her şey tarafından geçersiz kılınır. Bunlar sadece en alt düzeydedir: sayfa veya kullanıcı tarafından sağlanan herhangi bir stil sayfası olmadığında, tarayıcı yine de içeriği bir şekilde işlemek zorundadır ve kullanıcı aracısı stil sayfası sadece bunu tanımlar.
Dolayısıyla, bir kullanıcı aracısı stil sayfasıyla ilgili bir sorununuz olduğunu düşünüyorsanız, o zaman gerçekten işaretlemenizle veya stil sayfanızla veya her ikisiyle (hakkında hiçbir şey yazmadığınız) ilgili bir sorununuz var demektir.