如何在IE8的列表标记之外显示左边框？

问题描述

| 我有一个要在左侧添加边框的有序列表。

<ol class=\"steps\">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
<ol>

.steps {border-left: 5px double #7ab800;}

在Firefox和Safari中，边框显示在数字outside1的外面。但是，IE8在数字内显示每个数字“ 2”旁边的边框。 我尝试将

<display>

更改为

inline-block

，但这删除了编号。我尝试将ѭ5更改为

inside

，但这会更改列表的缩进，而不会移动边框的位置。不涉及浮标。有一个ѭ7包住

<ol>

，但没有任何样式。 我很沮丧。如何使IE8显示与Firefox和Safari相同的边框？     

解决方法

尝试将div标签放在列表中，然后将您的课程应用于div。