CSSまたはJavascriptの標準ボタンからボタンが押され、押されていますか？

Question

私は3つのボタンを持っています.1つは通常のボタン画像であり、もう1つは通常のボタンが押されたときのボタン画像で、3つ目のボタン画像は通常のボタンが押されたときです。私の質問は、どのように私はホバリングに戻って正常に戻って、そして通常の画像から押されるのですか？これを使ってCSSを使うことができますか？

Answer 1

これは、CSSと非常に簡単です：

.my-button { 
    // normal styles 
} 

.my-button:hover { 
    // hover styles 
} 

.my-button:active { 
    // active (clicked) button styles 
} 

あなたが背景画像を使用しているつもりなら、良いトリックがボタンスプライトシートを使用することであり、単にボタンの状態に基づいてbackground-positionを移行します。 Hereがその一例です。