令人沮丧的 ul 子弹问题(删除子弹)
frustrating ul bullet issue (remove bullet)
一段时间以来,我一直在尝试从
元素中删除项目符号和缩进,但我只是想不通如何 - 或者更确切地说,为什么它不起作用。
这里有几个关于溢出的解决方案,但是 none 对我有用。
这应该行得通(?)但行不通:
.widget li {list-style: none; } or:
.widget li {list-style-type: none; } (!important does not help)
这里是 link 有问题的页面和位置图片 我的意思是:有什么想法吗?谢谢!
http://wuttke-klima.witconsult.de/neue-firmenzentrale-der-fam-magdeburg/
试试这个:
ul {
list-style-type: none;
}
看起来您有一个伪元素可以创建箭头项目符号。您应该可以通过以下方式删除它:
.footer-widget li:before, .widget li:before {
border: none;
}
如果那真的是一颗子弹(好像不是)那么这会有所帮助:
.widget li { display:block; }
但我怀疑它不是子弹而是其他东西(比如 ::before 伪元素)。在浏览器中使用 DOM/style 检查器工具。
那个箭头是从 display:none 之前显示的
移除左侧填充以移除 li 上的填充
.arpw-ul li:before { display: none; }
.arpw-ul li { padding-left : 0 }
提示:只需使用 google chrome inspect element 来测试这些东西。只是实时结果
一段时间以来,我一直在尝试从
- 元素中删除项目符号和缩进,但我只是想不通如何 - 或者更确切地说,为什么它不起作用。
这里有几个关于溢出的解决方案,但是 none 对我有用。
这应该行得通(?)但行不通:
.widget li {list-style: none; } or:
.widget li {list-style-type: none; } (!important does not help)
这里是 link 有问题的页面和位置图片 我的意思是:有什么想法吗?谢谢!
http://wuttke-klima.witconsult.de/neue-firmenzentrale-der-fam-magdeburg/
试试这个:
ul {
list-style-type: none;
}
看起来您有一个伪元素可以创建箭头项目符号。您应该可以通过以下方式删除它:
.footer-widget li:before, .widget li:before {
border: none;
}
如果那真的是一颗子弹(好像不是)那么这会有所帮助:
.widget li { display:block; }
但我怀疑它不是子弹而是其他东西(比如 ::before 伪元素)。在浏览器中使用 DOM/style 检查器工具。
那个箭头是从 display:none 之前显示的
移除左侧填充以移除 li 上的填充
.arpw-ul li:before { display: none; }
.arpw-ul li { padding-left : 0 }
提示:只需使用 google chrome inspect element 来测试这些东西。只是实时结果