Css 如何覆盖firefox中div元素的焦点背景样式？

我已经将div元素的tabindex设置为-1以允许焦点。Firefox在以灰色背景获得焦点时突出显示div元素。如何删除此默认行为

*:focus {
  -moz-appearance:none;
  outline: none;
  background-color: none; 
}

没有效果

firefox的版本是38.3

以下是元素渲染的屏幕剪辑：

$（文档）.ready（函数（）{
if（navigator.userAgent.indexOf（'Firefox'）>-1）{
$（'.myDiv'）.css（'background-color'，'yellow'）；
}
});
.myDiv{
背景颜色：绿色；
}

更改Mozila中的背景色
能否提供屏幕截图…以及您的firefox版本。右键单击div元素并选择“Inspect element”以从firefox浏览器获取有关应用于此元素的CSS属性的反馈。该反馈可能会回答您的问题。检查元素会将背景色设置为透明。如果我将所有元素的背景色设置为绿色，当元素获得焦点时，灰色背景将覆盖绿色背景。除了背景之外，还有其他属性设置悬停背景样式吗？如果您对CSS不严格，请尝试使用此jQuery代码。上面的代码是一个示例，您可以根据自己的需求更改HTML行为，我不使用jquery，只需要css解决方案。