Question

可能重复：
Change bullets color in a list without span

是否可以在不使用span类和图像的情况下更改列表中的项目符号颜色？

HTML：

<ul>
    <li>java</li>
    <li>oracle</li>
    <li>php</li>
    <li>mysql</li>
</ul>

注意：我不想在<span>之间使用<li>。

Answer 1

li:before {
    content: "• ";
    color: red; /* or whatever color you prefer */
}

Answer 2

据我所知，这是在不使用跨度的情况下为子弹着色的方法。

的CSS：

li {
          list-style: none;
        }

        li:before {
          /* For a round bullet */
          content:'\2022';
          /* For a square bullet */
          /*content:'\25A0';*/
          display: block;
          position: relative;
          max-width: 0px;
          max-height: 0px;
          left: -10px;
          top: -0px;
          color: red;
          font-size: 20px;
        }

HTML：

<ul>
        <li>java</li>
        <li>oracle</li>
        <li>php</li>
        <li>mysql</li>
      </ul>

如何在不使用跨度的情况下更改子弹的颜色？

2 个答案: