iPadは、選択した任意のソリューションのワイドテキストオプションを削除しますか？

Question

最近、私は自分のウェブサイトをiPadと互換性のあるものにする作業を始めました。

私にはSELECTボックスがあるページがあります。ボックスの1つにテキストの長さがかなり広い項目があります。

iPadのSELECTボックスには、ユーザーが選択できるリストをポップアップする新しいコントロールがあります。私がこのコントロールで見いだしている問題は、ワイドテキストの入力を断つことです。正確には、30/35以上の長さのオプションをすべて切り捨て、 "..."を追加します。

iPad上のSELECTボックスのポップアップコントロールの幅を制御するためにCSSを適用することができますか？

SELECTに「幅」を指定しようとしましたが、ポップアップコントロールは変更されません。私も "サイズ"オプションを試してきましたが、iPadはまだそれを単一のSELECTコンボとしてレンダリングしています。

ありがとうございます！

Answer 1

iPadまたはiPhoneがselect要素をレンダリングする方法を変更することはできません。この連結問題は複数回にわたって不平を言われています。

ユーザーエージェントを介してdetect the iPadに解決策を提供し、少なくとも適切な情報を表示するoptionの値の「最適化」リストを提供します。最後のフィールドとして

Answer 2

OPTGROUPを追加し、それがこのソリューションをチェック問題

<select> 
 
    <option value="">please select</option> 
 
    <option value="1">option 1</option> 
 
    <option value="2">option 2</option> 
 
    <option value="3">option 3</option> 
 
    <optgroup label=""></optgroup> 
 
</select>