作者：钱宝坤

标准参考

请参考 W3C CSS 2.1 规范说明中的 'list-style' 部分：http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type

问题描述

LI 元素设置标记类型的特性 'style-list-type' 的 'disc | circle | square' 三个特性值在各浏览器中的渲染方式不同。

造成的影响

不同浏览器中 LI 标记前的 mark 字符渲染效果不一致。

受影响的浏览器

所有浏览器

问题分析

根据 W3C 规范说明：'disc | circle | square' 这三个图形的渲染样式由客户端浏览器具体决定。 因此各浏览器内显示效果存在不同。

解决方案

建议放弃使用 'disc | circle | square' 这三个样式，改用背景图片代替样式显示。

例如：

li { background:url(....) no-repeat 0 50%; padding-left:1em; }

参见

知识库

• ...

相关问题

• ...