我想自定义无序列表的显示方式。
我知道我可以使用list-style-type
在none
,disc
,circle
,square
和其他或多或少受支持的值之间进行切换。我也知道可以将指定图像的列表标记的默认外观更改为list-style-image
属性。
问题是我想将项目符号替换为large right arrow
(►,►
)HTML特殊字符,而不是同时使用list-style-image
和三角形图像。
有可能吗?顺便说一句,如果这很重要,则jQuery已经在页面上加载,因此,如果有帮助,使用它就不会有问题。
谢谢。
-编辑-
谢谢,我将使用一个版本或另一个版本,具体取决于需要支持哪种浏览器。顺便说一句,这两个答案都很棒,而且必须下令确定哪个是“赢家”并不容易,所以我选择了最先给出的答案。
我想自定义无序列表的显示方式。我知道我可以使用list-style-type在none,disc,circle,square和其他或多或少受支持的值之间进行切换。我也是...
据我所知,不可能使用list-style-type属性来执行此操作。
@@ Frederic显示了一个我可以使用的有趣解决方法,除非必须支持IE6和7-在这种情况下,您必须处理一个包含字符的常规HTML元素,并设置其样式它到正确的地方。
如果使用:before方法获取列表样式,请考虑在列表中添加填充,并在列表元素中添加负距以在换行符处获得相同的空间:
花了一段时间,但list-style-type: <string>
has arrived in Chromium。