簡體   English   中英

擺脫要點<ul></ul>

[英]Getting rid of bullet points from <ul>

我有以下列表:

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

我想擺脫子彈,所以我嘗試了:

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

但這沒有用。 從顯示的列表中刪除項目符號的正確方法是什么?

假設這不起作用,您可能希望將基於id的選擇器與li結合起來,以便將 ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ 應用於li元素:

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

參考:

我自己也遇到了同樣令人惱火的問題,因為腳本沒有注意到我的樣式表。 所以我寫道:

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

那沒有用。 所以,另外,我寫道:

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

瞧,它奏效了

以下代碼

 #menu li{ list-style-type: none; }
 <ul id="menu"> <li>Root node 1</li> <li>Root node 2</li> </ul>

將產生這個 output:

輸出是

要從無序列表中刪除項目符號點,您可以使用:

list-style: none;

您還可以使用:

list-style-type: none;

兩種方法都可以,但第一種方法是獲得相同結果的更短的方法。

試試這個,在 Chrome/Safari 上測試

ul {
 list-style: none;
}

要從UL中刪除項目符號,您可以簡單地使用list-style: none; list-style-type: none; 如果仍然不起作用,那么我想存在優先級問題CSS 可能已經在全球范圍內定義了 UL。 所以最好的方法是向那個特定的 UL 添加一個類/ID,然后在那里添加你的CSS 希望它會奏效。

這工作得很好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>

CSS

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

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

就在列表之前對其進行測試。 或者

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

我有同樣的問題,我最終修復它的方式是這樣的:

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

也許這有點極端,但是當我這樣做時,它對我有用。


希望這有幫助

對於內聯樣式表,試試這個代碼

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

在 chrome 中,您可以使用

ul {
 list-style: none;
}

一定有別的東西。

因為:

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

應該可以工作。

也許有一些 CSS 規則會覆蓋它。

使用你的 DOM 檢查器來找出答案。

你的代碼:

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

我的建議:

#otis {
    list-style-type: none;

}

在 ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ 中,您只需要使用#id而不是element#id 此處提供了更多有用的提示: w3schools

我有一個相同的問題。

解決方案是子彈是通過背景圖像添加的,而不是通過列表樣式類型。 快速的“背景:無”,鮑勃是你的叔叔

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM