0

ボタンの配置に問題がありました。すべてのブラウザが適切に動作しているように見えますが、クロムに問題があるだけです。

画像の例は次のとおりです。

ファイアフォックス ie7 ie8 ie9 クロム

Chrome の写真を見てください。左側のボックスと正しく位置合わせされていません。(ボックスの上部を見てください。左側のボックスの 1 ～ 2 ピクセル上にあります)

これは、左側のボックスと入力ボタンに使用したコードです。

#main_pres_search input[type=text] {
    width: 660px;
    float: left;
    border: 0;
    background-color: #F8F8F8;
    padding: 10px;
    border: 1px solid #C0C0C0;
    border: 1px solid #C0C0C0;
    margin-right: 10px;
    outline: 0;
    line-height: 1;
}
#main_pres_search input[type=button] {
    border: 0;
    background-color: #2a94d8;
    color: #fff;
    font-size: 16px;
    height: 37px;
    width: 48px;
    float: left;
    line-height: 1;
}

そして、これは私が使用した HTMl コードです - 特別なことは何もありません。=)

<input type="text" name="query">
<input type="button" name="do_search" value="Go!">

何か案は？

4

1 に答える 1

2

margin-topボタン (およびおそらくその親) の (およびその他のマージン値) を 0に設定してみてください。

各ブラウザには、独自のユーザー エージェント スタイル シートがあります。これにより、わずかな形式の違いが生じます。

Yahoo の Reset CSSも参照してください。いくつかの CSS ルールを非常に基本的な値にリセットします。これにより、Web サイトのスタイルを完全に制御できます。

于 2012-11-08T00:04:55.547 に答える