概要 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を利用
![capture works and music » [CSS]select要素のデザインを変更する(appearance不使用,要素の重ね合わせで実現)](https://cdn-ak-scissors.b.st-hatena.com/image/square/bae76bff2ea3e2e22bd426ee7c1e0ef73166a11c/height=288;version=1;width=512/https%3A%2F%2Fwww.nakamurayuji.com%2Fwp-content%2Fuploads%2Fselect.png)