Html 我们可以用绿色点的列表样式吗？

我们可以做一个绿色点的列表样式类型吗

---

我的限制是我不想使用列表样式的图像，也不能编辑无序列表中的html。

这里有一个使用

：before

ul#mylist{
    list-style-type: square;
}
ul#mylist li:before{
    content: ".";
    margin-right: 10px;
    font-weight: bold;
    color: #00FF00;
}

此处演示：

此处查看此内容 Html:

---

单击此处：

更新naveen的答案，使用项目符号字符以获得更好的渲染效果

ul#mylist{
    list-style-type: square;
}
ul#mylist li:before{
    content: "•";
    margin-right: 10px;
    font-weight: bold;
    color: #00FF00;
}

我想知道这个是否合法，因为代码包含一个特殊字符

---

Antoine

如果您想使用jQuery操作HTML

假设HTML

<ul id="list">
    <li>One</li>
    <li>Two</li>
</ul>

剧本

$('#list li').each(function(){
    $(this).replaceWith('<li><span>' + $(this).text() + '</span></li>');
}); 

$（'#list li'）。每个（函数（）{
$（this）.replace为（'
'+$（this）.text（）+'
'）；
}); 

---

示例：

也许我不是世界上最聪明的，但这是我解决这个问题的方法：

<ul>
<li><p style="color:#4ec3f4; float:left;">&bull;</p>tadam bss</li>
</ul>

&bull
 塔达姆bss

• 没有javascript
• 没有jQuery
• 没有css技巧/黑客
• 同意wc3

---

您可以使用背景图像吗。如果是背景：url（“…”）0px 6px（调整上下和左右像素）不重复；并给出填充：0px 0px 0px 10px。问题是我正在写一个print.css文件。在IE中，浏览器设置为不打印背景图像。但是我想以某种方式显示项目符号（绿色），当然没有图像。你能添加当前HTML/CSS的表示吗？我想说的是，当涉及到打印样式表时，不要担心颜色。很多很多人打印时没有颜色。是的，杰森，我同意你的看法。但是我想尝试一下。is:before在ie7中受支持，我认为这是css3的一部分？@sushil伪元素是IE8+，所以不，:before在ie7+1中不受支持，因为它有一个很好的技巧对不起，另一个JSFIDLE，没有看到您添加了自己的：）&bull；是一个HTML实体，所以它是+1：在一个不相关的旁注中，您可以使用wrapInner而不是replaceWith<代码>$（此）.wrapInner（“”）

ul{margin:20px; list-style-type:disc; color:green;}
li span{color:black;}

$('#list li').each(function(){
    $(this).replaceWith('<li><span>' + $(this).text() + '</span></li>');
}); 

<ul>
<li><p style="color:#4ec3f4; float:left;">&bull;</p>tadam bss</li>
</ul>