html - IE7 底部显示的有序列表编号

Question

我有一个带有有序列表的页面，它在除 IE7 之外的所有浏览器中都可以正常呈现。在 IE7 中，列表编号显示在 <li> 底部;实际上列表只包含一个 <textarea> .

代码如下所示，在 IE7 中查看它，您可以看到每个 <li> 底部显示的数字.

<ol style="padding-left:25px;">
<li style="margin-bottom:10px;"><textarea name="" id="" cols="5" style="width:400px; min-height:100px;"></textarea></li>
<li style="margin-bottom:10px;"><textarea name="" id="" cols="5" style="width:400px; min-height:100px;"></textarea></li>
<li style="margin-bottom:10px;"><textarea name="" id="" cols="5" style="width:400px; min-height:100px;"></textarea></li>
<li style="margin-bottom:10px;"><textarea name="" id="" cols="5" style="width:400px; min-height:100px;"></textarea></li>
</ol>

参见 JS Fiddle.. http://jsfiddle.net/GFRBZ/2/

Answer 1

试试 textarea { vertical-align:text-top; }