如何在无序列表中使用tick / checkmark符号（✓）而不是子弹？

问题描述

我有一个列表，我想在列表文本之前添加tick符号。是否有任何CSS可以帮助我应用这种方式？

I have a list where I want to add tick symbol before list text. Is there any CSS that can help me to apply this way?

✓ this is my text
✓ this is my text
✓ this is my text
✓ this is my text
✓ this is my text
✓ this is my text

注意：我想在此类型的HTML代码中使用

Note: I want this in this type of HTML code

<ul>
  <li>this is my text</li>
  <li>this is my text</li>
  <li>this is my text</li>
  <li>this is my text</li>
  <li>this is my text</li>
</ul>

推荐答案

您可以使用在每个列表项之前插入该字符：

You can use a pseudo-element to insert that character before each list item:

ul {
  list-style: none;
}

ul li:before {
  content: '✓';
}

<ul>
  <li>this is my text</li>
  <li>this is my text</li>
  <li>this is my text</li>
  <li>this is my text</li>
  <li>this is my text</li>
</ul>

这篇关于如何在无序列表中使用tick / checkmark符号（✓）而不是子弹？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！