表示はしたくないけどSelectタグの機能(ドラムロール)を使いたい場合

Androidのことも踏まえ追記しました

例えばiPhoneなどで独自Selectorを作りたい場合があると思います。
そういうときどうしたらいいかを考えてみました。

フォーカスを当てるには以下の条件をクリアする必要があります。

  • 表示されている状態(display:"")であること
  • なおかつユーザーのイベントにフックしなければいけない
    • ex. clickイベント

ここから追記

どうも上記方法ではAndroidでは対応できない。
大変困った…が

hiroki先生に「透明にしてみればいいじゃん」と言われたのでやってみた。

できた!
うまくしたのボタン的な要素の上に来るようにCSSを頑張れば怖い物無しになりそうだ。