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

Question

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

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

没有效果。

firefox版本是38.3。

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

Answer 1

$( document ).ready(function(){
		  if(navigator.userAgent.indexOf('Firefox') > -1){
				$('.myDiv').css('background-color','yellow');
		  }
	});

.myDiv{
		background-color : green;
	}

<script
	  src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	</script>
	<div class="myDiv">
		<h1>Change Background Color in Mozila</h1>
	</div>