「CSS3でセレクトボックスをカスタマイズ」のスマホのバグ（？）を直す

to-Rさんの記事を試してみたのですが、Xperia arc SO-01C（Android 2.3）とiOS4で動かなかった・・・

Xperia arc SO-01C（Android 2.3）でSelectが押せない対処法

selectにz-indexが指定してあると押せないみたいです。

div {
    〜中略〜
    z-index: -1; //追加
}

select {
    position: absolute;
    zoom: 1.1;
    /*z-index: 2; はずす*/
    opacity: 0;
}

iOS4でjQueryのchangeが動かない対処法

.change()じゃ動かないようなので、bindに変更しました。

$("select").change(function(){
    〜中略〜
}).trigger("change");
↓
$("select").bind('change',function () {
    〜中略〜
}).trigger("change");