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

Question

我有一个有序列表，我想在左侧添加边框。

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

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

在 Firefox 和 Safari 中，边框显示在 <ol> 的数字之外.但是，IE8 在数字内显示边框，紧挨着每个 <li> 的文本.

我尝试更改 <display>至 inline-block但这删除了编号。我尝试更改 list-style-position至 inside但这会在不移动边框位置的情况下更改列表的缩进。不涉及花车。有一个 <div>包装 <ol>但它没有任何样式。

我被难住了。如何让IE8和Firefox、Safari一样显示边框？

Answer 1

尝试在您的列表周围放置一个 div 标签，并将您的类应用于 div。