当页面垂直滚动时,列表项目符号会留下破折号

时间:2015-01-29 17:35:29

标签: html css firefox cross-browser html-lists

当页面垂直滚动时,列表项目符号会留下破折号。

我只在Firefox中发现了这种行为。

如何解决此问题?

<html>
<head>
<style type="text/css">
body {
  font-size: 16px;
}
li {
  text-align: left;
  list-style: circle;
}
</style>
</head>
<body>
  <div style="width: 600px; height: 400px; overflow: auto; background-color: #EFEFEF">
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>
    <div style="height: 500px"></div>
  </div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

对不起,我还不能发表评论。我在firefox上尝试了你的代码,它会像你描述的那样留下破折号。但光盘类型没有。渲染时firefox似乎有问题。我尝试了其他符号,例如cjk-ideographic

ul {list-style-type: cjk-ideographic;}

它也留下破折号。但格里高利并没有破灭