在CSS或Javascript中，按钮悬停并按下iAges是否与普通按钮不同？

我有三个按钮，一个是正常按钮图像，另一个是正常按钮悬停时的按钮图像，第三个按钮图像是正常按钮按下时的图像。我的问题是如何从正常图像转换为悬停和恢复正常，以及转换为按下？我可以将CSS与此或javascript结合使用作为更好的解决方案吗？

使用CSS非常简单：

.my-button {
   // normal styles
}

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

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

---

如果要使用背景图像，一个好方法是使用按钮精灵表，然后根据按钮状态转换

背景位置。就是一个例子。
使用CSS非常简单：

.my-button {
   // normal styles
}

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

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

如果要使用背景图像，一个好方法是使用按钮精灵表，然后根据按钮状态转换
背景位置。就是一个例子。
如果可能，css会更好。您可以使用css选择器来区分状态：hover:active等。如果可能，css会更好。您可以使用css选择器区分状态：悬停：活动等。