2010-12-31 7 views
19

कल्पना specifies है कि एक सूची आइटम को संशोधित कर सकते "मार्कर" इतनी तरह (li) मार्करों छद्म तत्व का उपयोग:क्या कोई ब्राउज़र CSS3 छद्म-तत्व "मार्कर" का समर्थन करता है?

li::marker { color: blue; } 

लेकिन मैं इसे अपने से किसी भी ब्राउज़र में काम करने के लिए नहीं कर पा रहे ।

क्या कोई ब्राउज़र इसका समर्थन करता है? या मुझ से कुछ गलत हो रहा है?

+2

+1 इस प्रश्न पूछने के लिए धन्यवाद! मैं इसके बिना spec के इस हिस्से के बारे में पता नहीं होगा। –

+0

आपने जो किया वह गलत था कि सिर्फ इसलिए कि डब्ल्यू 3 सी टीआर सार्वजनिक रूप से उपलब्ध है, यह स्वचालित रूप से इसे "spec" का एक कैनोलिक हिस्सा बनाता है और इसलिए वर्णित सुविधाओं का उपयोग करने के लिए आपके लिए कार्यान्वयन मौजूद होना चाहिए। प्रस्तावना से: "वर्किंग ड्राफ्ट के रूप में प्रकाशन डब्ल्यू 3 सी सदस्यता द्वारा अनुमोदन नहीं दर्शाता है। यह एक मसौदा दस्तावेज है और इसे किसी भी समय अन्य दस्तावेजों द्वारा अपडेट, प्रतिस्थापित या अप्रचलित किया जा सकता है। काम के अलावा अन्य दस्तावेज को उद्धृत करना अनुचित है चालू।" – BoltClock

+1

6 साल बाद और लोग अभी भी इसकी तलाश कर रहे हैं और जाहिर है कि यह लागू नहीं हो रहा है। मुझे लगता है कि हमें हैक-आस-पास का उपयोग करना होगा। – TecBrat

उत्तर

13

अपने प्रश्न का उत्तर देने के लिए: नहीं, कोई ब्राउज़र आज के रूप में इसका समर्थन नहीं करता है।

+9

मार्च 2014 तक ऐसा प्रतीत होता है कि किसी भी प्रमुख ब्राउज़र ने अभी तक इसे लागू नहीं किया है। –

+3

अक्टूबर 2015 तक, स्थिति वही है। इसके लिए CanIUse पृष्ठ के अनुसार कोई नहीं है, लेकिन समर्थन स्थिति को [सीएसएस-ट्रिक्स] (https://css-tricks.com/almanac/selectors/m/marker/) पर ट्रैक किया जा सकता है। –

+1

फरवरी 2016 तक, यह अभी भी मामला है। –

1

आप मार्कर अकेले का रंग नहीं बदल सकते हैं, हालांकि आप सूची-शैली-छवि का उपयोग कर अपनी छवि बदल सकते हैं here देखें। कार्य-आसपास:

<ul><li style="color:blue;"><span style="color:black">test</span></li></ul> 
+1

धन्यवाद, लेकिन कलर बिट एक उदाहरण के रूप में था। मैं वास्तव में यह जानना चाहता हूं कि कोई ब्राउज़र इस विशिष्ट छद्म-तत्व का समर्थन करता है या नहीं। (मैं विशेष रूप से 'सामग्री' प्रॉपर्टी का उपयोग करना चाहता हूं।) –

+0

धन्यवाद। मेरे लिए बहुत उपयोगी विचार –

3

क्या आप इसके बजाय :before का उपयोग कर सकते हैं?

li { 
display: block; 
list-style-position: inside; 
margin: 0; 
} 
li:before { 
content:" • "; 
color: green; 
} 
+0

संभवतः, लेकिन यह वास्तव में सवाल नहीं है। –

+0

सच है। हालांकि इसे तब तक उपयोगी हो सकता है जब तक कि यह समर्थित न हो जाए। – Eystein

+0

मैं आपको कोशिश करने के लिए क्रेडिट दूंगा। :-) –

3

कोई ब्राउज़रों कल्पना का समर्थन करते हैं, फायरफॉक्स यह काम करने के अपने तरीके है है:

li::-moz-list-bullet { 
color:blue; 
} 

स्रोत: https://bugzilla.mozilla.org/show_bug.cgi?id=205202

0

कोई ब्राउज़र इस का समर्थन करता है लेकिन (सूची-शैली-प्रकार: और सूची-शैली-छवि) गुणों का उपयोग कक्षाओं से पहले और बाद में छद्म किया जा सकता है।

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