ie7 下 li input問題

William 发布于 2012/06/06 17:06
阅读 982
收藏 0

在IE7下當li下只有一個input時會出現詭異的間隔, 如下圖.

什麼問題? 大家幫忙啊代碼如下:

<html>
    <head>
        <style>
            .lbl {width:150px;}
            li {border:1px solid #ccc;float:left;list-style:none;height:30px;}
        </style>
    </head>
    <body>
        <div>
            <ul>
               <li class='lbl'>Test:</li>
               <li style='width:500px;'>
                <INPUT type="TEXT" style='width:100px;'/>
               </li>
            </ul>
        </div> 
    </body>
</html>

加载中
0
dedenj
dedenj
<ul style="margin:0;">
0
工程师爸爸
工程师爸爸
ul,li{padding:0;}
0
William
William

樓上兩位在IE7下試過沒?

不行啊

0
RickyFeng
RickyFeng
html的doctype没有,做成的。
0
g
gomgl8
对ie7及以下,单独设置样式:
input{margin-left:-2.5em;}

0
William
William

引用来自“gomgl8”的答案

对ie7及以下,单独设置样式:
input{margin-left:-2.5em;}

thank you

我也打算這樣做, 

這個問題很奇怪, 怎麼設置樣式都沒搞明白, 

返回顶部
顶部