Html 如何仅为无序列表中的项目符号着色

我有以下资料：

<ul>
    <li>Test #1</li>
    <li>Test #2</li>
    <li>Test #3</li>
</ul>

JSFiddle：

如何仅使项目符号为蓝色，文本为默认颜色

li {
  color:#00c189 !important;
}

试一试

li {
  color:#00c189 !important;
}

试一试

li {
  color:#00c189 !important;
}

试一试

li {
  color:#00c189 !important;
}

---

你可以使用一个Span，它可以让你更好地控制css以及文本 HTML

---

你可以使用一个Span，它可以让你更好地控制css以及文本 HTML

---

你可以使用一个Span，它可以让你更好地控制css以及文本 HTML

---

你可以使用一个Span，它可以让你更好地控制css以及文本 HTML

---

可以使用before来模拟子弹：

ul li {
    padding: 5px;
    color: #00539B;
    list-style: none;
}
ul li:before{
    content: "-";
    color: red;
}

---

可以使用before来模拟子弹：

ul li {
    padding: 5px;
    color: #00539B;
    list-style: none;
}
ul li:before{
    content: "-";
    color: red;
}

---

可以使用before来模拟子弹：

ul li {
    padding: 5px;
    color: #00539B;
    list-style: none;
}
ul li:before{
    content: "-";
    color: red;
}

---

可以使用before来模拟子弹：

ul li {
    padding: 5px;
    color: #00539B;
    list-style: none;
}
ul li:before{
    content: "-";
    color: red;
}

---

在内部添加一个跨距，并使用不同的颜色。项目符号的颜色与文本的颜色相同。也许一个

：before

可以模仿子弹并以不同的颜色显示。在内部添加一个跨距并以不同的颜色显示。项目符号的颜色与文本的颜色相同。也许一个

：before

可以模仿子弹并以不同的颜色显示。在内部添加一个跨距并以不同的颜色显示。项目符号的颜色与文本的颜色相同。也许一个

：before

可以模仿子弹并以不同的颜色显示。在内部添加一个跨距并以不同的颜色显示。项目符号的颜色与文本的颜色相同。也许一个

：以前可以模仿子弹并用不同的颜色。不起作用，但谢谢你。
测试1
测试2
测试3
\uls li{color:#00c189！重要的是}再试一次，不起作用，但谢谢你。
测试1测试2测试3
测试3uls li{color:#00c189！重要}再次尝试不起作用，但谢谢你。
测试1
测试2测试3
重要{uls id=“uls！”但感谢你的工作>
测试1
测试2
测试3
uls li{颜色：00c189！重要}再试一次