広告の限界を超える|セールス
広告の限界を超える|セールス
2014.02.07

select要素(セレクトボックス)の装飾に使えるプラグイン3選

姐さん

こんにちは。デザイナーの白浜です。

今回はCSSだけではなかなか装飾が難しいSelect要素(セレクトボックス)をオリジナルのデザインにしたい時に有用なプラグインをご紹介したいと思います。

jQuery.customSelect()

01

軽量で導入が簡単!IEもOK。
導入については下記記事が参考になります!

jQuery EasySelectBox Plugin

02

optionの中身がdivに置き換わるのでCSSでのデザイン調整が簡単にできます。わたしもよくお世話になっております。IEもOK。
導入については下記記事が参考になります!

Minimalect

031

元々用意されているテーマが美しいプラグイン!
が・・・わたしの環境のIE10ではサイトが表示れていないっっ?ちょっと不安が残りますね。
導入については下記記事が参考になります!

※こちらのサイトで公開されているデモではIEでも表示されていました!

まとめ

いかがでしたか?
プラグインを使わない方法もあったのですが、IEでの表示に不安があったので今回は割愛しました。
ある程度実務レベルで使えそうだったらまたの機会にご紹介したいと思います。

j a v a