HTML 文本背景颜色不适用于 <span>

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>