セレクトメニュー(プルダウン)をdisplay:none;指定してもiPhoneのみ非表示にならない問題の対応方法
セレクトメニュー(プルダウン)に対してdisplay:none;指定したりjQueryでhide()指定してもiPhoneのみ非表示にならないという問題が発生した。以下に対応方法をメモ。
対応方法
HTML&CSSで対応
<style>
.hide{
display:none;
}
</style>
<select>
<span class="hide">
<option>非表示にしたい項目</option>
</span>
</select>
jQueryで対応
$(`非表示にしたい選択肢のセレクタ`).wrap(`<span style="display:none;"></span>`);
参考サイト
https://stackoverflow.com/questions/36066953/css-hide-options-from-select-menu-on-iphone-safari
関連記事
-
-
Ajaxを使用する際の注意
Ajaxで特にJSONPを使う際によくミスることがあるので 注意点をまとめておく ...
-
-
日付入力のテキストフォームにカレンダープラグインを導入
やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...
-
-
jQueryでshow/hideよりaddClass/removeClassの方が速い
diaplay:none/blockする際に最近はshow()/hide()を ...
-
-
FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード
FlashとjQueryを組み合わせたプラグインを用いてWebカメラで撮影した画 ...
-
-
jQueryとCSSで指定したテキストに対してラインマーカーを引く方法
サイト内で強調したいテキストに対して蛍光ペンでマーカーを引くようなアニメーション ...