jquery – list-style-type CSS属性的文本值,如何？

我想自定义无序列表的项目呈现方式.

我知道我可以使用list-style-type在none,disc,circle,square和其他或多或少支持的值之间进行更改.我也知道可以将指定图像的列表标记的默认外观更改为list-style-image属性.

问题是我想用大的右箭头(►,►)HTML特殊字符替换子弹,而不是使用列表样式图像和三角形图像的组合.

可能吗？顺便说一下,如果这很重要jQuery已经加载到页面上,那么如果这可以帮助就不会有问题.

谢谢.

– 编辑 –

谢谢,我将使用一个版本或另一个版本,具体取决于它需要支持哪个浏览器.顺便说一下,这两个答案都很棒,不得不判定哪一个是“胜利者”并不容易,所以我先选择了答案.

解决方法

据我所知,使用 list-style-type属性不可能做到这一点.

但是,如果您的浏览器支持:before CSS选择器,则可以使用它在列表项之前插入项目符号实体.您只需要将实体代码转换为十六进制：

ul {
    list-style-type: none;
}

li:before {
    content: "\25ba\00a0";
}

你可以找到一个jsfiddle演示这个here.

原文地址：https://www.jb51.cc/jquery/177982.html