Javascript 按钮激活，焦点不在Mac FireFox上工作？

当我创建一个带有活动、悬停和焦点的按钮时，我在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>

---

您必须遵循伪类的特定时间顺序：

：链接 ：参观 ：焦点 ：悬停 ：活动

---

有关更多详细信息，请参阅。

您必须遵守伪类的特定时间顺序：

：链接 ：参观 ：焦点 ：悬停 ：活动

---

有关更多详细信息，请参阅。

您的css是什么样子的？我的建议是将问题代码放进去。这使我们更容易提供帮助。你的css是什么样子的？我的建议是把问题代码放进去。这使我们更容易提供帮助。