если это возможно, чтобы CSS кнопки тега, чтобы слушать завис и активно?

Question

У меня есть несколько кнопок HTML, и я изменил их внешний вид с помощью CSS.Теперь я хочу добавить некоторые эффекты, такие как hover и active.Я нашел hover и активен для привязки тегов <a href="">, но не для тегов <button>.Любое предложение или обойти?

Answer 1

Оба :hover и :active работают для кнопок, по крайней мере, в Chrome и IE8 (все, к чему у меня есть доступ в данный момент).

http://jsfiddle.net/j25ML/

button:hover{
   background-color: red;   
}

button:active{
   color: yellow;   
}

Answer 2

Применение псевдоэлементов состояния (таких как: hover и: active) соответствует стандарту CSS 2.1 и может быть применено к любому элементу.Все современные браузеры поддерживают это, включая IE начиная с версии 7.

Если вы не хотите поддерживать IE6 или другие очень старые браузеры, вы должны применять эти псевдоклассы только для привязки элементов, потому что это вызывает проблемыв противном случае.

Answer 3

Псевдоклассы :active и :hover работают с любым элементом, который вы хотите.

button:hover{
   background-color:red;   
}

button:active{
   background-color:blue;  
}

http://www.w3schools.com/css/css_pseudo_classes.asp