bootstrap のインプットボタンをわかりやすくする

bootstrapではチェックボックスやラジオボックスをボタンの形で扱うことができます.

こうすることで, チェックボックスを並べたときにどこを押せばいいかわかりやすくなります.

ところが, デフォルトのテーマ(色使い)のままだと, インプットボタンが押されているのか/押されていないのか非常にわかりにくいです.

そこで, ボタンの状態がわかりやすくなるスタイルファイルを開発しました.

こちらがデモになります.

デモページでは,左側がデフォルト, 右側が改造版になります. 比べてみると違いがはっきりわかります. 

使い方は, button-input.cssを読み込んだ状態で, 下のように btn btn-input-xxx とクラスを指定します.
詳しくは, デモページを見たください,

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です