デザイン

デザイン

PR

【ラジオボタンやチェックボックスのスタイリングに】便利なjQueryのプラグイン10選

4,631 views

読了時間 : 約1分1秒

ウェブ上でチェックボックスやラジオボタンのインプット要素が使われますが、スタイルするのがとても難しいものです。

こういう要素はユーザーの使うOSによって異なって表示されてしまいます。でもjQueryを使えば、外観をグローバルに変えることができるのです。

 

今回の記事では要素のスタイリングに使える12個の役立つリソースをご紹介します。クリーンで最小限に抑えたボタンのスタイルから、ユニークなiPhoneスタイルのトグルスイッチまであります。

 

1.CSSを使った凝ったチェックボックスとラジオボタン

jq①

 

 

2.jqTransform

jq②

 

 

3.FancyForm

jq③

 

 

4.jQueryチェックボックス

jq④

 

 

 

5.NiceForms

jq⑥

 

 

6.iPhoneスタイルのチェックボックス

jq⑦

 

 

7.ezMark jQueryのチェックボックスとラジオボタンプラグイン

jq⑧

 

 

8.jQueryの凝ったカスタム式のラジオボタンとチェックボックス

jq⑨

 

 

9.iPhoneスタイルのラジオボタンとチェックボックス

jq⑩

 

 

10.iPhoneスタイルのボタンをiButton jQueryプラグインを使って作成する

jq⑪

 

 

 

※本記事は、jQuery Plugins for Styling Checkbox & Radio Buttonsを翻訳・再構成したものです。

おすすめ新着記事

おすすめタグ