3 に答える
モバイル ブラウザでのこの動作は、ユーザー エクスペリエンスを向上させるための設計です。Safari Webコンテンツガイドによると
Select 要素を使用する Web ページで select HTML 要素を使用する場合、iOS は、入力デバイスとして指を使用してリスト内の項目を選択するために最適化されたカスタム選択コントロールを表示します。iOS では、ユーザーはフリックしてリストをスクロールし、タップしてリストから項目を選択できます。
これは言われています:
戦うのではなく、モバイル ユーザーのために活用することをお勧めします
media-queries を使用して
select
、デスクトップ ブラウザとモバイル ブラウザの要素に異なる CSS を適用します。表示されるオプションの数が十分に少ない場合は、使用を検討してください
<input type="checkbox">
select
ブラウザ間で動作が一貫しているからではありません。
私が理解していることから、そもそもこれを選択しなかった理由がない限り、選択したオプションに応じて別のページにリダイレクトする方がはるかに簡単だと思います.
チェックボックスのドロップダウンリストを使用できない理由がわかりません。これらはほとんどどこでも互換性があり、確かにすべてのスマートフォンで互換性があります.
<select name="Dropdown1">
<option value="o1">Option 1</option>
<option value="o2">Option 2</option>
<option value="o3">Option 3</option>
<option value="o4">Option 4</option>
</select>
または
<input type="checkbox" name="checkbox" value="o1">Option 1<br>
<input type="checkbox" name="checkbox" value="o2">Option 2
( http://www.w3schools.com/html/tryit.asp?filename=tryhtml_select2およびhttp://www.w3schools.com/html/html_forms.asp )