IE 8有序列表类型修复

Question

我有一个列表，我正在使用

<ol type="a">

<li> apple </li>
<li> mango </li>
<li> banana </li>

</ol>

现在在Chrome中它看起来不错

a. apple
b. mango
c. banana 

但在IE 8中

a. apple
a. mango 
a. banana 

请告诉我如何解决IE 8的问题

Answer 1

这是hasLayout的问题，因此这个问题很可能是一个特定的样式问题。好吧，让我们解决这个问题，

将CSS display:list-item应用于<li>元素，将list-style-type: lower-alpha应用于<ol>元素。

CSS

ol{
    list-style-type: lower-alpha;
}
li{
    display:list-item;
}

如果不能在代码之上工作，您还应该将padding-left和margin-left应用于<ol>容器。

CSS

ol {
   margin-left: 0;
   padding: 20px;
   list-style-type: lower-alpha;
}

这两个帮助你，希望这有帮助！

Answer 2

添加class="d"

<ol type="a" class="d">

<li> apple </li>
<li> mango </li>
<li> banana </li>

</ol>

和css 定义margin并使用list-style

ol.d {
   list-style-type:lower-alpha;
   margin-left:25px;
   /*padding: 20px;*/
   list-style-position:inside;}
li {
   display:list-item;
   }

Answer 3

使用css属性值：list-style-type：lower-alpha;