サポート » テーマ » 検索ボックスの高さが変更できません

  • 解決済 yukimurashun

    (@yukimurashun)


    自作テーマに検索ボックスを設置しました。
    検索ボックスの横幅は変えられるのですが高さが変更できません。
    変更の仕方を教えて下さい。

    searchform.phpのコードは以下のとおりです。

    <div class=”form-size”>
    <form role=”search” method=”get” class=”form” action=”<?php echo home_url( ‘/’ ); ?>”>
    <div class=”form-p”>
    <input type=”search” class=”fff” name=”s” maxlength=”100″>
    <button type=”submit” >
    <i>検索</i>
    </button>
    </div>
    </form>
    </div>

    検索ボックスのcssは以下のとおりです。

    .form {

    }
    .form-size {
    height:60px;

    }
    .fff {
    width:500px;
    height:33px;

    }
    .form-p {
    padding:20px 0px 30px 0px;
    }

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • .fffにpaddingやline-heightなどを適用してはどうでしょうか。

    トピック投稿者 yukimurashun

    (@yukimurashun)

    返信ありがとうございます。
    paddingとline-heightを試してみましたがなにも変わりませんでした。

    input type="search"はだめみたいですね。
    cssに-webkit-appearance: textfield;を追加するか、html側をinput type="text"に変えるとかでいけるのではないかと思います。

    追記
    cssのappearanceはブラウザ対応がいまいちなので、input type="text"の方が制御はしやすいかもしれないです。

    トピック投稿者 yukimurashun

    (@yukimurashun)

    input type=”text”にしたら解決しました。
    皆さんありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「検索ボックスの高さが変更できません」には新たに返信することはできません。