質問: セレクトボックス内の文字の文字の大きさを変更したいのですが、上手くいきません。付属画像にある、上のセ セレクトボックス内の文字の文字の大きさを変更したいのですが、上手くいきません。付属画像にある、上のセレクトボックス(緑色)は自分のコードのweb表示画像なのですが、同じく付属画像の下にある、セレクトボックス(青色)は選択するセレクトボックス内の文字が少し大きく表示されています。(他の会社のhp画像です。)ちなみにセレクトボックス自体の大きさはどちらも同じ大きさです。 文字を大きくしたいのですが、どうしたらよいでしょうか?また、文字を大きくすると、勝手にボックス横幅が広がってしまうでしょうか? 以下がコードになります。 お問い合わせ /* セレクトボックスの位置 */ .auto-style2 { margin: auto; text-align: center; } 支払方法:※ ------ >クレジットカード >銀行振込 ◎(syoki.css)◎ /* セレクトボックスのスタイル */ #pay { border: 2px solid #63e02d; /* 枠線 */ padding: 0.5em; /* 内側の余白量 */ background-color: snow; /* 背景色 */ width: 28.8em; /* 横幅 */ height: 56px; /* 高さ */ font-size: 1em; /* テキスト内の表示文字サイズ */ color: #000000; line-height: 1.2; /* 行の高さ */
回答: こんにちは ご提示のソースにわざわざコメントまでつけてあるのに?? >文字を大きくしたいのですが、どうしたらよいでしょうか? ご自分でcssで指定しているのですから、文字サイズ(=font-size)の大きさを変えればよいだけです。 >また、文字を大きくすると、勝手にボックス横幅が広がってしまうでしょうか? ボックスサイズを、文字サイズに依存する指定(emなど)をしていれば、それに連動して変わることになります。 絶対的なサイズ指定(pxなど)であれば、文字サイズに依存しません。 ※ cssの基本を学ばれた方が良のいかもしれません。