如何在无序列表中使用勾号/复选标记符号(✓)代替项目符号？
如何在无序列表中使用勾号/复选标记符号(✓)代替项目符号？
提问于 2015-12-08 03:51:33
我有一个列表，我想在列表文本之前添加刻度符号。有没有什么CSS可以帮助我这样做的？
✓ 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代码中这样做
<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>
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-12-08 03:52:48
您可以使用pseudo-element在每个列表项之前插入该字符：
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>
Stack Overflow用户
发布于 2020-03-13 21:59:44
<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>您可以使用这个简单的css样式
ul {
list-style-type: '\2713';
}Stack Overflow用户
发布于 2022-01-18 23:17:51
我想补充的是，对于遇到需要内联css的特殊情况的任何人(例如，在大量电子邮件上下文中，电子邮件客户端仍然需要内联css)，您可以使用list-style-type: none，并将其与您选择的项目符号(下面使用的复选标记)的字符代码组合，如下所示：
<ul style="list-style-type: none;">
<li>✔ List Item 1</li>
<li>✔ List Item 2</li>
<li>✔ List Item 3</li>
<li>✔ List Item 4</li>
</ul>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34141950
复制相关文章
相似问题