iOSで、selectボックス内の文字列が長いと
省略されて、後ろに「…」となってしまいます。
省略されて、後ろに「…」となってしまいます。
サンプル1(省略されてしまう見本)
<select>
<option>サンプルテキスト1</option>
<option>サンプルテキスト2</option>
<option>サンプルテキストサンプルテキストサンプルテキスト</option>
</select>
これだと選択するとき見づらいですが、
optgroupを付けることによって省略されず表示するようになります。
フォントサイズは文字の長さによって小さくなってしまいますが・・
optgroupを付けることによって省略されず表示するようになります。
フォントサイズは文字の長さによって小さくなってしまいますが・・
optgroupのlabelは、特にラベリングしたいわけではないので
空にしてしまいます。
以下、修正後のサンプル。
・サンプル2→optionをoptgroupで囲った場合
・サンプル3→optionの最後に<optgroup></optgroup>を入れた場合
サンプル2(修正)
<select>
<optgroup label="">
<option>サンプルテキスト1</option>
<option>サンプルテキスト2</option>
<option>サンプルテキストサンプルテキストサンプルテキスト</option>
</optgroup>
</select>
サンプル3(修正)
<select>
<option>サンプルテキスト1</option>
<option>サンプルテキスト2</option>
<option>サンプルテキストサンプルテキストサンプルテキスト</option>
<optgroup label=""></optgroup>
</select>