私はここで非常に奇妙な問題を抱えています。私は検索バーを作成しようとしました、そしてこれは私が欲しいものであるクロムでそれがどのように見えるかです。
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のこのバグは、行を削除すると修正されますtop: -2px;
が、ChromeとSafariでも同様の問題が発生します。
これを修正するにはどうすればよいですか?