उल/ली बुलेट पॉइंट रंग कैसे सेट करें?

Question

संभव डुप्लिकेट:
Change bullets color in a list without span

आम तौर पर, उल/li में बुलेट बिंदु एक काले रंग की ठोस चक्र है। मैं इसकी शैली बदलना चाहता हूं, जैसे कि मैं बुलेट प्वाइंट का रंग हरा होने के लिए सेट करना चाहता हूं, मैं भी बुलेट बिंदु को वर्ग के रूप में बदलना चाहता हूं। कोई भी जानता है कि यह कैसे करें?

Answer 1

मेरा मानना ​​है कि यह तत्व पर लागू सीएसएस color संपत्ति द्वारा नियंत्रित है।

Answer 2

http://www.w3schools.com/cssref/pr_list-style-type.asp

आप बुलेट प्रकार/शैली बदलने के लिए list-style-type: उपयोग करने की आवश्यकता है और ऊपर के लिंक सूचीबद्ध विकल्पों में से सभी है। दूसरों के रूप में कहा है रंग, ul ही

पर color संपत्ति का उपयोग कर गोलियां, उपयोग के बजाय 'चक्र' के 'डिस्क' 'भरा काली' बनाने के लिए बदल गया है अर्थात्:

सूची-शैली के प्रकार: डिस्क

Answer 3

li करने के लिए रंग लागू करें और जो कुछ भी रंग पाठ होना चाहिए करने के लिए span (या अन्य चाइल्ड तत्व) रंग निर्धारित किया है।

ul 
{ 
    list-style-type: square; 
} 

ul > li 
{ 
    color: green; 
} 

ul > li > span 
{ 
    color: black; 
} 

JSFiddle

Answer 4

कुछ तरीके यह किया जा सकता है:

यह है कि यह एक वर्ग

ul 
{ 
    list-style-type: square; 
} 

यह हरे रंग कर देगा कर देगा

li 
{ 
    color: #0F0; 
} 

यह हरे होने से पाठ कर पाएगा

li p 
{ 
    color: #000; 
} 

हालांकि यह आवश्यक है कि है कि सूचियों के भीतर सभी पाठ अनुच्छेदों में हो ताकि रंग ओवरराइड नहीं कर रहा है।

एक बेहतर तरीका एक हरे वर्ग और उपयोग की एक छवि बनाने के लिए है:

ul 
{ 
    list-style: url(green-square.png); 
}