0

私はここで非常に奇妙な問題を抱えています。私は検索バーを作成しようとしました、そしてこれは私が欲しいものであるクロムでそれがどのように見えるかです。

Chromeで

Safariでは正常に動作します。関連するすべてのCSSコードは次のとおりです。

#input {
    height: 25px;
    padding-left: 5px;
    width: 70px;
}
#button {
    margin-left: -6px;
    height:27px;
    position: relative;
    top: -2px;
    padding-left: 5px;
}

ただし、FireFoxの場合、ボタンが少し上に移動するため、見栄えが悪くなります。これがFireFoxでどのように見えるかです。

Firefoxで

Firefoxのこのバグは、行を削除すると修正されますtop: -2px;が、ChromeとSafariでも同様の問題が発生します。

これを修正するにはどうすればよいですか?

4

1 に答える 1

2

jQueryで修正できます

コード

$(document).ready(function(){
    if($.browser.mozilla){
        $("#button").css("top", "-2px")
    }
})

jQueryを追加していない場合は、このスクリプトを追加してください

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
于 2012-12-10T20:13:28.920 に答える