केवल सफारी के लिए सीएसएस लागू करें?

Question

यह सीएसएस का एक ब्लॉक है कि मैं केवल सफारी और कोई अन्य ब्राउज़र में प्रदर्शित करना चाहते हैं जोड़ने के लिए संभव है?

Answer 1

यहाँ एक उदाहरण है जो हरे रंग के लिए अपनी साइट का फ़ॉन्ट रंग सेट होता अगर आपके ब्राउज़र Safari या Chrome (दोनों शेयर है सामान्य वेबकिट प्रतिपादन इंजन)।

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body { 
     color:green; /* on Safari and Chrome */ 
    } 
} 

यह एक और पद here

Answer 2

UserAgent स्ट्रिंग का उपयोग करके, आप सफारी और क्रोम की जांच कर सकते हैं। दोनों वेबकिट रेंडरर का उपयोग करते हैं और दोनों में UA स्ट्रिंग में सफारी है, लेकिन क्रोम में 'क्रोम' भी है। ईमानदार होने के लिए, मैं सिर्फ वेबकिट और कोड की जांच करूँगा क्योंकि कौन जानता है कि अन्य वेबकिट ब्राउज़र उनके UA स्ट्रिंग में क्या डालता है।

सफारी:

Mozilla/5.0 (Windows; U; Windows NT 6.1; zh-HK) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5

क्रोम:

Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/540.0 (KHTML, like Gecko) Ubuntu/10.10 Chrome/8.1.0.0 Safari/540.0

Answer 3

इस प्रयोग से लिया जाता है। यह केवल सफारी में ही काम करेगा।

/* Only for Safari */ 
::i-block-chrome, .yourClassName { 
    border:1px solid #f00; 
}