как применить стили к кнопке что бы все корректно отображалось?

[.Тапка.]

есть кнопка, у нее есть стили для disabled, hover, active и просто стиль. в хроме на задизэбленную кнопку срабатывает стиль hover, а в IE еще и active. наверное что-то связанное с весом селекторов или с ворядком расположения в таблице стилей. возможно кто-нибудь знает какую-нибудь полезную статью на эту тему. загуглить не получается, не знаю как сформулировать. заранее спасибо за помощь)

@темы: HTML, CSS

Comments

[Makha]

htmlbook.ru/samcss/psevdoklassy о псевдоклассах. Ну и можете показать код, скажу более конкретно что не так и как лучше было написать.

[.Тапка.]

спасибо! вот код.
jsfiddle.net/uxcu1g7L/
все вроде в порядке, но вот подсвечивает ховер на задизэбленной кнопке

[pferdchen ist tot]

.Тапка., припишите в конец

button[disabled]:hover{
box-shadow:none;
-webkit-box-shadow: none;
-moz-box-shadow:none;
}

[pferdchen ist tot]

У вас тени заданы для любой кнопки по ховеру, а то, что для дизабленой они не нужны, в таком случае нужно указать отдельно.

[.Тапка.]

Большое спасибо! Очень помогли)

[pferdchen ist tot]

.Тапка., незчт %)

[pferdchen ist tot]

.Тапка., незчт %)

[pferdchen ist tot]

.Тапка., незчт %)