質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

307閲覧

searchの高さが変わらない

sora1234567

総合スコア0

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/05/28 15:28

前提・実現したいこと

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; } この2つをcode.penなどで試したらheight を変えれたんですが自分が今サイトを模写しているページだけ高さが変えれないんです。 どうしたらいいでしょうか? ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。 エディタはATOMを使っています ブラウザはChromです

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

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

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

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

投稿2020/05/29 01:16

Lhankor_Mhy

総合スコア35865

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sora1234567

2020/05/30 04:11

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

2020/05/30 07:27

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

0

自己解決

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

投稿2020/05/30 09:12

sora1234567

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問