capture works and music » [CSS]select要素のデザインを変更する(appearance不使用,要素の重ね合わせで実現)

概要 select要素をクライアント指定のデザインに変更する機会があり、 ほほう〜と思ったのでブログにしてみました。 注意 本記事に実装されているselectフォームですが、WordPressの一部テーマでテキストが切り替わらない不具合が確認できています(本サイトの場合、PCでは問題ありませんが、WPtouch利用しているスマホではテキストが切り替わりません) ⇒代替デモとして https://www.nakamurayuji.com/demo/select_demo.html を準備しました。 ⇒でしたが、jQuery部分「$(function()」を「jQuery(function()」のように「$」を「jQuery」と書き換えることで動作しているようです。WPtouchでも問題ないこと確認しました(2015/7/4) オリジナルのSelect要素 appearance:noneを利用