如何在 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 中，边框显示在
的文本旁边显示数字内部的边框。
我尝试将 inline-block 但这会删除编号。我尝试将 list-style-position 更改为 inside 但这会更改列表的缩进，而不会移动边框的位置。不涉及花车。有一个
我很困惑。如何让IE8像Firefox和Safari一样显示边框？
I have an ordered list that I want to put a border on the left.
<ol class="steps">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<ol>
.steps {border-left: 5px double #7ab800;}
In Firefox and Safari, the border displays outside the numbers for the <ol>. However, IE8 displays the border inside the numbers, right next to the text for each <li>.
I tried changing <display> to inline-block but that removes the numbering. I tried changing list-style-position to inside but that changes the indentation of the list without moving the position of the border. There are no floats involved. There is a <div> wrapping the <ol> but it is not styled in any way.
I'm stumped. How can I get IE8 to display the border the same as Firefox and Safari?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试在您的列表周围放置一个 div 标签，然后将您的类应用到该 div 上。
Try putting a div tag around your list and apply your class to the div instead.