0

ワードプレスのウェブサイトに検索ボックスを追加しましたが、ワードプレスにはデフォルトのスタイルがたくさんあるため、ボックスと送信ボタンを揃えることができないようです。

現在、送信ボタンは検索ボックスより少し上から始まっていますが、ボタンの余白やパディングは指定していません..

Web サイトはオンラインです。http://sennheiser-apart.com

そして、これらは現在、子テーマの css ファイルの検索用にある css 行です。

button {
    border:none;
    padding:6px;
}

input {
    height:28px;
    border:none;
}

input[type="submit"]{
    border:none;
    background-color:#00AFDD;
    height:28px;
    color:#fff;
    font-size:18px;
    margin:0px;
}

input[type="submit"]:hover{
    background-color:#ADAFB2;
}

私のページを検索して、ワードプレスが使用する他のファイルでスタイルの行を探しても役に立ちません。原因がわかりません. 誰も手がかりを持っていますか？どうすればこれを修正できますか?

4

1 に答える 1

5

あまり詳しく調べなくても、これを - 要素に追加できます<form>。

padding: 5px 0 0 0;

両方の<input>要素に次を追加します。

vertical-align: top;

これでうまくいくはずです。

于 2013-09-10T16:43:14.800 に答える