私はブートストラップで甘い探しのボタンを作成しようとしています。私は私のボタンの離散状態を示す4つの画像を持っています（ノーマル、ホバー、押された、無効）。ブートストラップボタンとしての画像全体
しかし、私はこれのベストプラクティスが何であるかを理解できません。入力タイプの画像にsrcを使用すると、ブラウザがクリックすると青い矩形が作成されるので、うまく動作していないようです。
（私は特定の位置に表示される必要があり、ボタン、そのないロゴやなめらかであることを全体のイメージが必要）
EDIT：その私のカスタムのFacebook/Googleの/見通しのログインボタンの
あなたはあなたが持っているイメージにURLを置き換える必要があります。
.fb {
background: url(http://placehold.it/50x20/00ff00);
}
.fb:hover {
background: url(http://placehold.it/50x20/0000ff);
}
.outlook:disabled {
background: url(http://placehold.it/50x20/000000);
color: white;
}
.fb:active {
background: url(http://placehold.it/50x20/666666);
}<button type="button" class="fb">button</button>
<button type="button" class="outlook" disabled>button</button>ベストプラクティスは、「ボタン」に画像を表示するbefore要素を使用することです。
アンカータグ内でimgタグを使用することができます jQueryを使用できる状態を切り替えるには 。
さらなるヘルプが必要な場合はお知らせください。
これは実際に動作ありがとう、しかし、画像の正確な幅に幅を設定した場合にのみ、このための回避策はありますか？ –
background-sizeの値を設定できます。あなたのニーズに最も適しているかどうかを調べるために100％カバーしてください。 – Gerard