[英]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
結合起來,以便將 ZC7A628CBA22E28EB17B5F5C6AE2A266AZ 應用於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;
}
在 ZC7A628CBA22E28EB17B5F5C6AE2A266AZ 中,您只需要使用#id
而不是element#id
。 此處提供了更多有用的提示: w3schools
我有一個相同的問題。
解決方案是子彈是通過背景圖像添加的,而不是通過列表樣式類型。 快速的“背景:無”,鮑勃是你的叔叔
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.