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

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

姐さん

姐さん

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

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

jQuery.customSelect()

01

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

jQuery EasySelectBox Plugin

02

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

Minimalect

031

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

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

まとめ

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

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

デザイナーの白浜です。ウェブデザイナーとして日々修行中。マンガと音楽とお米が好きです。よろしくお願いします。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL