CSS3:iOSのSafariのセレクトメニューをCSSで加工する

goto_jp 2,300views 更新:2014年10月30日

iOSのSafariでselectタグを使って出すセレクトメニューには、直接CSSが効きません。

なので、根本的に一回セレクトメニュー以外のものに定義してしまいます。

select {
    -webkit-appearance: button;
    appearance: button;
}

「appearance」プロパティを使ってボタン扱いにしました。
これでサイズやボーダーなどのCSSが効くようになります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません