セレクトボックスをカスタムできるjQueryプラグイン「customSelect.js」!

2015/01/23

こんにちは。
今回はセレクトボックスをカスタムできるjQueryプラグイン「customSelect.js」!です。

フォーム系のパーツのデザインを変更しようとするとCSSだけだと限界があります。
jQueryプラグイン「customSelect.js」を使うとセレクトボックスを簡単にカスタムができるようになります。

セレクトボックスをカスタムできるjQueryプラグイン「customSelect.js」!

customSelect.js

customselect

http://adam.co/lab/jquery/customselect/

 

customSelect.jsをダウンロードしてみよう!

上記のサイトの「Download GitHub」をクリックし、「GitHub」からダウンロードします。

 

customSelect.jsを設置してみよう!

jQuery本体とjquery.tabs.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
.csの所は好きなクラス名を指定できます。

 

html部分を記述します。
先程指定したクラス名を付けます。

 

基本はこれでCSSでカスタムできるようになります。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。こういう便利なプラグインがあるのは非常にありがたいですね!
以上でセレクトボックスをカスタムできるjQueryプラグイン「customSelect.js」!でした。

topへ戻る