列表样式CSS属性的文本值,如何?

问题描述 投票:7回答:4

我想自定义无序列表的显示方式。

我知道我可以使用list-style-typenonedisccirclesquare和其他或多或少受支持的值之间进行切换。我也知道可以将指定图像的列表标记的默认外观更改为list-style-image属性。

问题是我想将项目符号替换为large right arrow(►,►)HTML特殊字符,而不是同时使用list-style-image和三角形图像。

有可能吗?顺便说一句,如果这很重要,则jQuery已经在页面上加载,因此,如果有帮助,使用它就不会有问题。

谢谢。

-编辑-

谢谢,我将使用一个版本或另一个版本,具体取决于需要支持哪种浏览器。顺便说一句,这两个答案都很棒,而且必须下令确定哪个是“赢家”并不容易,所以我选择了最先给出的答案。

我想自定义无序列表的显示方式。我知道我可以使用list-style-type在none,disc,circle,square和其他或多或少受支持的值之间进行切换。我也是...

jquery html css html-lists listitem
4个回答
22
投票

据我所知,不可能使用list-style-type属性来执行此操作。


5
投票

@@ Frederic显示了一个我可以使用的有趣解决方法,除非必须支持IE6和7-在这种情况下,您必须处理一个包含字符的常规HTML元素,并设置其样式它到正确的地方。


2
投票

如果使用:before方法获取列表样式,请考虑在列表中添加填充,并在列表元素中添加负距以在换行符处获得相同的空间:


1
投票

花了一段时间,但list-style-type: <string> has arrived in Chromium

© www.soinside.com 2019 - 2024. All rights reserved.