html - HTML フォームの入力フィールドのテキスト サイズを変更する

Question

次のようなhtmlファイルがあります。

<p>
    Enter your first name and last name in the following form
</p>
<form>
    First name: <input  type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">
</form>

CSS では、p タグのテキスト サイズは 40px に設定されています。

2 つのテキスト ボックスのフォント サイズも 40px に設定したいと考えています。

Answer 1

要素input、textarea、およびは、select期待どおりにスタイルを継承しません。

段落スタイルを定義するときに、input[type="text"]セレクターを追加します。

p,
input[type="text"] {
    font-size: 40px;
}

私は通常、自分のbodyフォント スタイルでそれらを定義します。

Answer 2

したがって、それらに一致するセレクターを作成します。

input { font-size: 40px; }