- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:セレクトボックスの幅を指定した状態で、選択肢の文字列を全て表示する方法)
セレクトボックスの幅を指定した状態で、選択肢の文字列を全て表示する方法
このQ&Aのポイント
- HTMLでセレクトボックス(SELECTタグ)を使用している場合、選択肢(OPTIONタグ)の文字列が長いと、セレクトボックスの幅も長くなってしまいます。STYLESHEETで幅を指定しても、選択肢の文字列が途中で切り取られるため、使いにくいです。選択肢の文字列を全て表示する方法を知りたいです。
- セレクトボックスの幅を指定し、プルダウンで表示される選択肢の文字列を全て表示する方法を教えてください。HTMLで使用しているセレクトボックス(SELECTタグ)では、選択肢(OPTIONタグ)の文字列が長いと、セレクトボックスの幅も長くなってしまいます。幅を指定しても、選択肢の文字列が途中で切り取られてしまい、使いづらいです。
- Windows2000とIE6.0の環境で、HTMLのセレクトボックス(SELECTタグ)を使用しています。選択肢(OPTIONタグ)の文字列が長い場合、セレクトボックスの幅も長くなります。STYLESHEETで幅を指定しても、選択肢の文字列が途中で切り取られてしまい、利用できません。セレクトボックスの幅を指定した状態で、選択肢の文字列を全て表示する方法を教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
おっしゃるとおり、SELECTタグのwidthを指定すると、オプションに書かれている文字列が長い場合は、途中で切られてしまいます。 これはプルダウンメニューの仕様で、どうすることも出来ません。 また、オプションタグは改行を受付ませんので、改行して表示することも出来ません。 すべての文字列を出力する方法は、 1.幅の固定をあきらめる(一番長い文字列に幅を合わせる) 2.オプションのフォントサイズを小さくする が思いつきます。 1は・・・あきらめましょうということです・・・ 2は、ちょっと見にくくなるかもしれませんが、オプションのフォントサイズを小さくして、物理的にすべての文字列を固定長の中に収めてしまおうという寸法です。 ただし、あるオプション限定でサイズを指定するということは出来ませんので、SELECTタグに対してフォントサイズの指定をすることになります。 SELECT { width: 100px; font-size: 8px; }
お礼
やっぱり無理なんですか~。 今回は諦めます^^; ありがとうございました。