css按鈕瀏覽器問題（背景圖片）

我在這裏有一個小問題。無論我做什麼，chrome和firefox似乎都會呈現出不同的CSS代碼。 Chrome中的按鈕（Logg inn）似乎有點偏離，但如果我使用margin-top（負數），兩個瀏覽器都會將按鈕推向頁面的頂部。css按鈕瀏覽器問題（背景圖片）

firefox on top, chrome on the bottom

CSS代碼

#top_wrapper #login_form #btn_login { 
     width: 75px; 
     height: 30px; 
     background-image: url('../img/btn/login.png'); 
     border: none; 
    }

我是否需要只針對Chrome瀏覽器？或我能做什麼，以及我如何解決這個問題？任何幫助將是偉大的！

HTML代碼在Chrome

<div id="login_form"> 

    <form id="form_login" action="" method="POST"> 

     <input class="form_login" type="text" value="Brukernavn" onfocus="if(this.value == 'Brukernavn')this.value=''" onblur="if(this.value == '')this.value='Brukernavn'" /> 
     <input class="form_login" type="password" value="Passord" onfocus="if(this.value == 'Passord')this.value=''" onblur="if(this.value == '')this.value='Passord'" /> 
     <input id="btn_login" title="Logg inn" type="submit" value="" /> 

    </form> 

    <div id="lost_password_btn"> 
     <img title="Mistet passordet?" src="img/btn/lost_password.png" /> 
    </div> <!-- end lost_password_btn --> 

</div> <!-- end login_form -->

來源

2012-02-09 Dexty

添加了HTML代碼。 – Dexty 2012-02-09 14:31:11

只是一個猜測而已。但是，您不使用png作爲頂部留有透明區域的背景圖片嗎？ – 2012-02-09 14:33:11

top_wrapper div在哪裏？（我沒有看到它在你的HTML中定義） – Tim 2012-02-09 14:33:49

按F12鍵，使用的開發工具，以確定的空間來自哪裏。

來源

2012-02-09 14:31:20 JoshNaro

我已經這樣做了，沒有運氣。按鈕超出「表單區域」 – Dexty 2012-02-09 14:44:08

開發工具沒有顯示邊距或填充，也沒有提示無意的空間？我覺得很難相信。 – JoshNaro 2012-02-09 16:19:20

我已經漂浮在表單輸入元素固定的問題，不知道爲什麼我之前沒有做到這一點。不管怎麼說，還是要謝謝你。

來源

2012-02-09 14:54:57 Dexty

css按鈕瀏覽器問題（背景圖片）

回答

相關問題