<Ul> से बुलेट पॉइंट से छुटकारा पा रहा है

Question

मेरी निम्न सूची है:

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

मैं गोलियों से छुटकारा पाना चाहता हूं इसलिए मैंने कोशिश की:

 ul#otis {
 list-style-type: none;
 }

हालांकि यह काम नहीं किया। प्रदर्शित सूची से गोलियों को निकालने का उचित तरीका क्या है?

Comments

आपका वर्तमान HTML / CSS मेरे लिए FF (JSFiddle) में ठीक काम करता है। आप किस ब्राउज़र का उपयोग कर रहे हैं? देखें कि क्या list-style: noneइसके बजाय काम करता है।

— बोजैंगल्स

मैं सभी ब्राउज़रों और मैक और विंडोज़ ओएस पर यह कोशिश की। मैं html5 doctype का उपयोग कर रहा हूं ...

— सैम खान

Answer 1

यह मानते हुए कि काम नहीं किया है, आप तत्वों के लिए सीएसएस लागू करने के लिए id-based चयनकर्ता गठबंधन करना चाहते हो सकता है :lili

#otis li {
    list-style-type: none;
}

संदर्भ:

• list-style-typeमोज़िला डेवलपर केंद्र में ।

Comments

क्या करने का अंतर है ul#otisऔर #otis?

— PeeHaa

वास्तव में वहाँ एक नहीं है, मैं, उम, बस idचयनकर्ता है कि आप का उपयोग करने में पूरी तरह से विफल रहा । अरे! माफ़ करना!

— डेविड का कहना है कि मोनिका

उस लिंक पर मैं कहां पा सकता हूं कि इसे परिभाषित करने की आवश्यकता है li?

— पेशा

पहले दो वाक्य: " list-style-typeCSS संपत्ति एक सूची आइटम तत्व की उपस्थिति को निर्दिष्ट करती है। जैसा कि यह केवल एक चूक है display:list-item" (हालांकि यह अनुमति देता है कि यह कर सकता है किसी displayसंपत्ति के साथ किसी भी तत्व पर लागू है)। यद्यपि वे इसे अपने उदाहरण के लिए, olतत्व के तहत परिभाषित करते हैं । व्यक्तिगत तौर पर मैं हमेशा दोनों सूची (के लिए यह परिभाषित करने के लिए डिफ़ॉल्ट ul/ ol) औरli तत्वों।

— डेविड का कहना है कि मोनिका

Answer 2

मुझे खुद भी वही चरम परेशान करने वाली समस्या थी क्योंकि स्क्रिप्ट ने मेरी स्टाइलशीट का कोई नोटिस नहीं लिया था। इसलिए मैंने लिखा:

<ul style="list-style-type: none;">

वह काम नहीं आया। इसलिए, इसके अलावा , मैंने लिखा:

<li style="list-style-type: none;">

देखा! इसने काम कर दिया!

Answer 3

अनियंत्रित सूचियों से बुलेट पॉइंट हटाने के लिए, आप इसका उपयोग कर सकते हैं:

list-style: none;

आप भी उपयोग कर सकते हैं:

list-style-type: none;

या तो काम करता है लेकिन पहला परिणाम प्राप्त करने का एक छोटा तरीका है।

Answer 4

निम्नलिखित कोड

#menu li{
  list-style-type: none;
}

<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

इस उत्पादन का उत्पादन होगा:

Answer 5

इसके बजाय, Chrome / Safari पर परीक्षण किया गया इसे आज़माएं

ul {
 list-style: none;
}

Answer 6

डाल

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

सूची का परीक्षण करने से ठीक पहले। या

<ul style="list-style-type: none;">

Answer 7

बुलेट को हटाने के लिए ULआप बस उपयोग कर सकते हैं list-style: none;या list-style-type: none;फिर भी काम नहीं कर रहे हैं तो मुझे लगता है कि प्राथमिकता सीएसएस का मुद्दा है । विश्व स्तर पर उल पहले से ही परिभाषित हो सकता है। तो सबसे अच्छा तरीका उस विशेष UL में एक वर्ग / आईडी जोड़ें और अपने सीएसएस को वहां जोड़ें । आशा है कि यह काम करेगा।

Answer 8

यह पूरी तरह से HTML काम किया

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

सीएसएस

#top-list{
  list-style-type: none;
  list-style: none;}

Answer 9

कुछ और होना चाहिए।

इसलिये:

   ul#otis {
     list-style-type: none;
   }

बस काम करना चाहिए।

शायद कुछ सीएसएस नियम है जो इसे अधिलेखित करता है।

यह जानने के लिए अपने DOM निरीक्षक का उपयोग करें।

Answer 10

मुझे भी यही समस्या थी, और जिस तरह से मैंने इसे ठीक किया वह इस तरह था:

ul, li{
    list-style:none;
    list-style-type:none;
}

शायद यह थोड़ा चरम है, लेकिन जब मैंने ऐसा किया, तो यह मेरे लिए काम कर गया।

---

उम्मीद है कि इससे मदद मिली

Answer 11

इनलाइन स्टाइल शीट के लिए इस कोड को आज़माएं

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

Answer 12

तुम्हारा कोड:

ul#otis {
    list-style-type: none;
}

मेरा सुझाव:

#otis {
    list-style-type: none;

}

सीएसएस में आपको केवल उपयोग की आवश्यकता #idनहीं है element#id। अधिक सहायक संकेत यहां दिए गए हैं: w3schools

Answer 13

मुझे एक समान समस्या थी।

समाधान यह था कि बुलेट को एक पृष्ठभूमि छवि के माध्यम से जोड़ा गया था , न कि सूची-शैली-प्रकार के माध्यम से। एक त्वरित 'पृष्ठभूमि: कोई नहीं' और बॉब के आपके चाचा!