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小提琴.. http://jsfiddle.net/GFRBZ/2/

Answer 1

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