Question

我想将x的红色和复选标记设为绿色，但是因为它是一个dingbat HTML代码而混淆了如何。

      <li><b>HD</b> Available &#10006</li>
      <li><b>Commercial</b> Free &#10006</li>
      <li><b>Unlimited</b> Movies/TV Shows &#10004</li>
      <li><b>Cancel</b> Anytime &#10004</li>

Answer 1

将它们包裹在一个范围内，然后为跨度着色。使用类checkmark和x等类名称。

请参阅下面的代码段：

.x{
  color:red;
}

.checkmark{
  color:green;
}

<ul>
  <li><b>HD</b> Available <span class="x">&#10006</span></li>
  <li><b>Commercial</b> Free <span class="x">&#10006</span></li>
  <li><b>Unlimited</b> Movies/TV Shows <span class="checkmark">&#10004</span></li>
  <li><b>Cancel</b> Anytime <span class="checkmark">&#10004</span></li>
</ul>

Answer 2

只需将每个标记打包在 <span> 标记中，然后为其提供.check或.cross类。然后，只需将 color 添加到每个类中：

＆＃13;

.cross {
  color: #ff0000;
}

.check {
  color: #00ff00;
}

＆＃13;

<li><b>HD</b> Available <span class="cross">&#10006</span></li>
<li><b>Commercial</b> Free <span class="cross">&#10006</span></li>
<li><b>Unlimited</b> Movies/TV Shows <span class="check">&#10004</span></li>
<li><b>Cancel</b> Anytime <span class="check">&#10004</span></li>

＆＃13;

Answer 3

您可以将其放在span标记中并添加类似

的类

  <li><b>HD</b> Available <span class="coloring">&#10006</span></li>
  <li><b>Commercial</b> Free <span class="coloring">&#10006</span></li>

然后在css中设置颜色，如

.coloring {
  color:red;
}

参见示例：https://jsfiddle.net/axz16nqe/1/

如何为x和checkmarks等HTML符号着色？

3 个答案: