タイトルは次のように書き直されました： CSS ですべての入力領域 (電子メールのサインアップ、コメント ボックス、レシピ インデックス ページのドロップダウンを含む) のテキストのサイズを変更するにはどうすればよいですか?

Question

ウェブサイト: https://olivesfordinner.com/

次の効果を実現できる CSS コードを探してください:

1. ホームページに登録するメールアドレスを入力するときは、文字を大きくしてください。これは小さすぎます。

2. レシピ投稿にコメントを残すとき (例: https://olivesfordinner.com/toasted-muesli-recipe/)、読者が入力するときにテキストを大きくする方法。繰り返しますが、このテキストは小さすぎます。

3. 左列のドロップダウン テキスト ボックスのテキストを大きくする方法。とても小さいんです！ https://olivesfordinner.com/recipe-in​​dex/

＃＃＃ありがとう！

CSS コードをたくさん検索しましたが、これらの領域のテキスト サイズに影響を与えるものは見つかりませんでした。

Answer 1

フォントサイズは以下のように設定されています

リーリー

これにより、input、select、および textarea 要素のフォント サイズが 11px に設定されます。

修理方法

1 - font-size を希望のサイズ

に更新できます。 リーリー

ただし、これはサイト内のすべての input、select、textarea 要素 に影響することに注意してください。

2 - 必要な font-size を使用して新しいクラス を作成できます。 リーリー

このクラスを、大きなフォント サイズを必要とする要素 (

など) に追加します。 リーリー

Answer 2

＃＃＃質問1＃＃＃

これにより、

メールで新しいレシピを入手する

要素 のフォント サイズが大きくなります。 リーリー ＃＃＃質問2＃＃＃ これでこの問題は解決します

リーリー

質問 3

これでドロップダウンが修正されます

リーリー ＃＃＃知らせ＃＃＃

以下に示すように、各質問のカスタム CSS を各ページまたはグローバルに追加できます。 リーリー

他の回答の CSS コードとは異なり、この CSS コードはそれぞれの要素でのみ機能することに注意してください。