searchの高さが変わらない

Question

前提・実現したいこと

serachのheightを指定したんですが高さが変わりません
serachの高さを指定したいです

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

<input type = "search" style = "height: 30px;"> ```ここに言語名を入力html ソースコード

 div class="search" style = "box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.10); margin-top: 30px; padding: 25px;">
          <h4 style = "border-bottom: 2px solid black; margin-bottom: 15px; font-weight: normal;">SEARCH</h4>
            <input type = "search" style = "height: 30px;">
        </div>

### 試したこと

ここに問題に対して試したことを記載してください。
1,input[type="search"]{
padding: 1em .4em;
}
2,input[type="search"]{
height: 30px;
padding: 0;
line-height: 28px;
}
この２つをcode.penなどで試したらheight
を変えれたんですが自分が今サイトを模写しているページだけ高さが変えれないんです。
どうしたらいいでしょうか？

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。
エディタはATOMを使っています
ブラウザはChromです

Answer 1

どうしたらいいでしょうか？

おそらく、質問に提示されていないスタイルが影響しているのだと思います。
開発者ツールで、どのようなスタイルが有効になっているのか調べてみるのがいいかと思います。

CSSの設定を調べる方法（Web開発者ツールの使い方） | すぐ使えるサポート情報

Comments

[sora1234567]

ありがとうございます
解決しました

[Lhankor_Mhy]

ご解決されて何よりです。
自己解決の手続きをおねがいします。

Answer 2

border-radiusと一緒にやるとheightを指定できました