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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 21:59:14  来源:igfitidea点击:

How can I hide these dots

css

提问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:noneand list-style-type:nonebut it didn't work.

我试着text-decoration:nonelist-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-typein the ulor li?

你把或放进去list-style-type了吗?ulli

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>