HTML 文本背景颜色不适用于

Question

我显示的是黑色文本，而不是我期望显示的彩色文本。我使用 Chrome 作为浏览器。这是不起作用的行:

<ul class="line-legend">
  <li>
    <span style="background-color:rgba(220,0,0,1)">
    </span>
    one
  </li>
  <li>
    <span style="background-color:rgba(0,0,220,1)">
    </span>
    two
  </li>
</ul>

其显示方式如下:

一个

两个

我对 HTML 很陌生。

谢谢。

Answer 1

您的文本不在span内，一个好的标识应该可以帮助您识别何时发生类似的情况。
将其更改为以下内容:

<ul class="line-legend">
    <li>
        <span style="background-color: rgba(220,0,0,1)">one</span>
    </li>
    <li>
        <span style="background-color:rgba(0,0,220,1)">two</span>
    </li>
</ul>