CSS 我怎样才能隐藏这些点
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/2743138/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How can I hide these dots
提问by aneuryzm
How can I hide the small dots nearby each picture in IE7 ?
http://www.sanstitre.ch/drupal/portfolio?tid[0]=38
如何隐藏 IE7 中每张图片附近的小点?
http://www.sanstitre.ch/drupal/portfolio?tid[0]=38
I've tried with text-decoration:none
and list-style-type:none
but it didn't work.
我试着text-decoration:none
和list-style-type:none
,但没有奏效。
Thanks.
谢谢。
采纳答案by ZippyV
It's because
这是因为
.item-list UL LI {
...
list-style-type: disc;
...
}
is defined in system.css
在 system.css 中定义
回答by Kyle
Did you put the list-style-type
in the ul
or li
?
你把或放进去list-style-type
了吗?ul
li
It should be: (afaik)
它应该是:(afaik)
ul{
list-style-type: none;
}
Other than that I used this before:
除此之外,我以前使用过这个:
li{
background-image: url(); /*or link to a blank image*/
background-repeat: no-repeat;
background-position: left;
padding-left: 12px;
}
It's probably not the best way, but it gets the job done :)
这可能不是最好的方法,但它可以完成工作:)
Additionallytry this too:
另外也试试这个:
li.class, li.collapsed, li.expanded {
list-style-image: none;
list-style: none;
list-style-type: none;
}
ul {
list-style-image: none;
list-style: none;
list-style-type: none;
}
回答by Kali Charan Rajput
use this one
使用这个
li{
display:inline;
}
than dot will not show in IE7.
比点不会在 IE7 中显示。
回答by Abraham Hernandez
You can always add classes to your elements:
您始终可以向元素添加类:
<ul class="hidden">
<li>Bar</li>
<li>Foo</li>
<li>Bar Foo</li>
</ul>
Try this:
尝试这个:
.hidden {
list-style-type: none;
}
.hidden {
list-style-type: none;
}
<h3>A simple UL</h3>
<ul>
<li>Bar</li>
<li>Foo</li>
<li>Bar Foo</li>
</ul>
<h3>A hidden one</h3>
<ul class="hidden">
<li>Bar</li>
<li>Foo</li>
<li>Bar Foo</li>
</ul>