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

WebDesign

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

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

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

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

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

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

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


コメント

タイトルとURLをコピーしました