• RSS

[HTML]iOSでselectのプルダウンメニューを全文表示する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

iOSのSafariからプルダウンメニューをタップしたら、長い(文字数の多い)項目が…で省略されて全部表示されない場合の対処法のご紹介です。

selectタグの項目が全文表示されない場合

以下のようなプルダウンメニューをiOSのSafariで見ると、

長い文字の選択肢は省略され、全部表示されませんので、
iOSでselectのプルダウンメニューを全文表示する方法

…で省略せずに表示する場合は、<select>の閉じタグの前(optionの最後)に
<optgroup label=””></optgroup>を追加します。

<optgroup label=””></optgroup>を追加することで、一番長い文字の項目に合わせて全体の文字サイズが縮小されて表示されます。
iOSでselectのプルダウンメニューを全文表示する方法



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください