2012-09-25 18 views
339

क्या है मैं Google क्रोम में एक वेब पेज पर काम कर रहा हूं। यह निम्नलिखित शैलियों के साथ सही ढंग से प्रदर्शित करता है।उपयोगकर्ता एजेंट स्टाइलशीट

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

यह ध्यान रखना महत्वपूर्ण है कि मैंने इन शैलियों को परिभाषित नहीं किया है। क्रोम देव उपकरण पर, यह उपयोगकर्ता एजेंट स्टाइलशीट सीएसएस फ़ाइल नाम के स्थान पर कहता है।

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 इन नई शैली से मेरे डिजाइन परेशान है:

अब अगर मैं एक पत्र भरना होगा और कुछ मान्यता त्रुटि तब होती है, मैं निम्नलिखित स्टाइलशीट मिलता है। क्या मेरे स्टाइलशीट को मजबूर करने का कोई तरीका है और यदि संभव हो, तो क्रोम की डिफ़ॉल्ट स्टाइलशीट को पूरी तरह से ओवरराइट करें?

+1

[chrome: कैसे बंद उपयोगकर्ता एजेंट स्टाइलशीट सेटिंग चालू करने के लिए] (http://stackoverflow.com/ प्रश्न/18006356) – givanse

+6

ध्यान दें कि क्रोम पर (51) आपको केवल दो टेबल प्रविष्टियां मिलती हैं जब आपके पास एक डॉक्टरेट घोषणा नहीं होती है। अन्यथा, आपको केवल दूसरा मिलता है। – John

+0

अधिक टूल्स में क्रोम कैश साफ़ करें -> ब्राउज़िंग डेटा साफ़ करें – doford

उत्तर

177

लक्ष्य ब्राउज़र क्या है? विभिन्न ब्राउज़र अलग-अलग डिफ़ॉल्ट सीएसएस नियम सेट करते हैं। उन डिफ़ॉल्टों को हटाने के लिए reset.css या normalise.css (अंतर के लिए Google या "रीसेट बनाम सामान्यीकृत" के लिए Google को शामिल करने का प्रयास करें।

+0

धन्यवाद ओली। ब्राउज़र के डिफ़ॉल्ट सीएसएस को हटाने का कोई दुष्प्रभाव है? मुझे लगता है कि यह अनुशंसित नहीं है, है ना? मुझे आपकी ans (reset) या @BenM उत्तर के बीच अपनी शैली के साथ ओवरराइड करने के बीच निर्णय लेने की आवश्यकता है। कोई विचार जो अनुशंसित दृष्टिकोण है? –

+16

मैं हमेशा प्रत्येक परियोजना से पहले अपने सीएसएस को रीसेट/सामान्य करता हूं, इस तरह आपके पास ब्राउज़र में "लगभग" स्तर फ़ील्ड होता है। मैंने कभी नकारात्मक "साइड-इफेक्ट" के बारे में कभी नहीं सुना है, मुझे यकीन है कि अगर आपके पास Google पर एक त्वरित नज़र है तो आपको पता चलेगा कि इसकी अनुशंसा की जाती है। –

+1

शैलियों को रीसेट करने से फॉर्म फ़ील्ड के साथ अजीब परिणाम हो सकते हैं, खासतौर पर फ़ील्ड सीमाओं या टाइप-"फ़ाइल" जैसे बहु-भाग तत्वों के आसपास। – phyzome

8

उन मानों को परिभाषित करें जिन्हें आप अपने स्वयं के सीएसएस में क्रोम की उपयोगकर्ता एजेंट शैली से उपयोग नहीं करना चाहते हैं।

80

"उपयोगकर्ता एजेंट स्टाइल शीट" अवधारणा के संबंध में, सीएसएस 2.1 spec में सेक्शन Cascade से परामर्श लें।

उपयोगकर्ता एजेंट स्टाइल शीट आपके द्वारा अपनी स्टाइल शीट में सेट की गई किसी भी चीज़ से ओवरराइड की जाती हैं। वे सिर्फ चट्टान नीचे हैं: पृष्ठ या उपयोगकर्ता द्वारा प्रदान की जाने वाली किसी भी स्टाइल शीट की अनुपस्थिति में, ब्राउज़र को अभी भी सामग्री को किसी भी तरह प्रस्तुत करना होगा, और उपयोगकर्ता एजेंट स्टाइल शीट बस इसका वर्णन करती है।

इसलिए यदि आपको लगता है कि आपको उपयोगकर्ता एजेंट स्टाइल शीट में कोई समस्या है, तो आपको वास्तव में अपने मार्कअप, या अपनी स्टाइल शीट या दोनों के बारे में समस्या है (जिसके बारे में आपने कुछ भी नहीं लिखा है)।

+0

@givanse द्वारा सही है, नहीं, आप उपयोगकर्ता एजेंट स्टाइल शीट प्रभाव देखते हैं जब आप उन्हें ओवरराइड नहीं करते हैं, और आपका नमूना मार्कअप कोई अपवाद नहीं है। इसे एक 'ली' तत्व के रूप में पार्स किया जाएगा जिसमें टेक्स्ट सामग्री के साथ दो 'उल' तत्व होंगे; वे उपयोगकर्ता एजेंट स्टाइल शीट द्वारा स्टाइल किए जाते हैं, लेकिन इस स्टाइल को ओवरराइड किया जा सकता है। (चाहे मार्कअप अमान्य है संदर्भ और HTML संस्करण पर निर्भर करता है, लेकिन यह स्टाइल को प्रभावित नहीं करता है।) –

+0

@givanse, यह समस्या "उपयोगकर्ता स्टाइल शीट क्या है" प्रश्न से प्रासंगिक नहीं है। यदि आपको लगता है कि समस्या महत्वपूर्ण है, तो पर्याप्त विवरण के साथ इसे एक नए प्रश्न के रूप में पोस्ट करें। लेकिन आपके jsfiddle में बुलेट 'li' तत्व के लिए एक बुलेट सरल है, और आपकी स्टाइल शीट इसे ओवरराइड नहीं करती है। –

+0

यह सिर्फ "क्लिक किया गया", धन्यवाद! – givanse

1

कुछ ब्राउज़र .css फ़ाइलों को पढ़ने के लिए अपने स्वयं के तरीके का उपयोग करते हैं। तो इसे हरा करने का सही तरीका: यदि आप सीधे .html स्रोत कोड में कमांड लाइन टाइप करते हैं, तो यह .css फ़ाइल को धड़कता है, इस तरह, आपने ब्राउज़र को सीधे बताया कि क्या करना है और ब्राउज़र स्थिति में नहीं है .css फ़ाइल से कमांड पढ़ने के लिए। याद रखें कि .html फ़ाइल में लिखे गए आदेश .css में कमांड से अधिक मजबूत हैं।

31

दस्तावेज़ को पहली पंक्ति पर उचित कार्यप्रणाली द्वारा HTML5 के रूप में चिह्नित करना, मेरी समस्या हल हो गई।

<!DOCTYPE html> 
<html>... 
+4

क्या आप कृपया बता सकते हैं कि इसे कैसे काम करना चाहिए? कैसे एचटीएमएल 5 अपरिभाषित शैलियों से जुड़ा हुआ है? मैं पुष्टि करूंगा लेकिन क्या आपके पास इसकी पुष्टि करने के लिए कोई तैयार पहेली है? –

62

तो <!DOCTYPE> अपने html में याद आ रही है आप का अनुभव हो सकता है कि ब्राउज़र "उपयोगकर्ता एजेंट स्टाइलशीट" अपने कस्टम स्टाइलशीट से अधिक को प्राथमिकता देता है। डॉक्ट टाइप जोड़ना इसे ठीक करता है।

+1

यह एक महान संकेत है। आपने मुझे शोध का कुछ समय बचाया। वर्थ ने नोट किया कि मेरे मामले में मेरे पास उस कार्यप्रणाली की घोषणा थी लेकिन मेरे पास पहले एक स्क्रिप्ट थी। ऐसा लगता है कि पृष्ठ पर पहली बार ध्यान देने के लिए DOCTYPE होना चाहिए। – Sebas

+2

मल्टी मिलियन $ उत्तर ... –

+0

जोड़ना मेरे पास एक बहुत अजीब tr/td लंबवत संरेखण समस्या हल हो गई। इस उत्तर के लिए धन्यवाद। –

-7

table { 
    font-size: inherit; 
} 
+1

यह वास्तव में इस पोस्ट में कुछ भी नया नहीं जोड़ता है। पहले से ही एक स्वीकार्य उत्तर है, साथ ही 5 अन्य उत्तरों, इसलिए कृपया देर से उत्तर पोस्ट न करें। – Druzion

10

मूल रूप से ब्राउज़र द्वारा प्रदान किए गए डिफ़ॉल्ट स्टाइलशीट अपने सीएसएस फ़ाइल में निम्न कोड डाल दिया,। Spec से ...

उपयोगकर्ता एजेंट की डिफ़ॉल्ट स्टाइल शीट दस्तावेज़ भाषा के तत्वों को उन तरीकों से प्रस्तुत करनी चाहिए जो दस्तावेज़ भाषा के लिए सामान्य प्रस्तुति अपेक्षाओं को पूरा करते हैं। ~ The Cascade

इसके अलावा, सामान्य रूप में उपयोगकर्ता एजेंट पर अधिक जानकारी के लिए देखें ...

https://www.w3.org/TR/UAAG20/#def-user-agent

संबंधित मुद्दे