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; }