如何从材质图标样式表中删除点

时间:2017-07-22 06:59:07

标签: html css icons

所以我使用Google's Material Icons中的样式表,然后使用他们显示的html表单将图标放在网页上,当我想要的时候,我会在图标旁边放置这个点显示图标而不是点。

对样式表的引用

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet">

包含图片的列表

<ul style="POSITION: absolute; TOP:7%; LEFT: 90%; Color:Red">

    <li>

        <!-- This is when I call the icon -->
        <i class="material-icons">account_balance</i>

    </li>


</ul>

我想知道我是否只是在某处丢失了一个属性,就像dot:true / false的布尔值一样。我怀疑这可能与我自己定位绝对有关,但我不确定。

这是我得到的图像。

enter image description here

当我希望它隐藏时,点就在它的左侧随机并暴露出来。

1 个答案:

答案 0 :(得分:0)

使用:

ul {
  list-style: none;
  /*/OR use --list-style-type: none;-- /*/
}

ul {
  list-style: none;
}
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<ul style="POSITION: absolute; TOP:7%; LEFT: 90%; Color:Red">
  <li>
  <!-- This is when I call the icon -->
  <i class="material-icons">account_balance</i></li>
</ul>