按鈕活躍，焦點不工作在Mac FireFox上？

Question

我使用主動，懸停和焦點創建按鈕時，Mac Firefox/Chrome/Safari和Window/Chrome出現問題。懸停工作，但積極和重點沒有。他們三人只能在Window/Firefox上工作。 我用css來做到這一點。任何建議？

這裏是我的CSS：

.navList button:hover, 
.navList button:active, 
.navList button:focus{ /* Changed */ 
border-color: black; 
border-style: solid; 
background: rgb(73,155,234); /* Old browsers */ 
background: -moz-linear-gradient(top, rgb(73,155,234) 0%, rgb(32,124,229) 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(73,155,234)), color-  stop(100%,rgb(32,124,229))); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* IE10+ */ 
background: linear-gradient(to bottom, rgb(73,155,234) 0%,rgb(32,124,229) 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5',GradientType=0); /* IE6-9 */ 
} 

這裏是HTML：

<ul id="List" class="navList"> 
<button id="eButton" class="moduleButton">Employees</button> 
<button id="iButton" class="moduleButton">Inventory</button> 
</ul> 

Answer 1

你必須堅持到僞類的一定順序爲：

1. :link
2. :visited
3. :focus
4. :hover
5. :active

詳情請參閱http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes。