如何覆盖 Firefox 中 div 元素的焦点背景样式？答案

【问题标题】：How to override focus background style for a div element in firefox?如何覆盖 Firefox 中 div 元素的焦点背景样式？
【发布时间】：2017-04-06 22:21:59
【问题描述】：

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

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

没有效果。

firefox 版本是 38.3。

这里是元素渲染的屏幕剪辑：

【问题讨论】：

能否提供截图
...还有你的 Firefox 版本。
右键单击 div 元素并选择“检查元素”以从 Firefox 浏览器获取有关应用于该元素的 CSS 属性的反馈。该反馈可能会回答您的问题。
检查元素显示背景颜色设置为透明。如果我将所有元素的背景颜色设置为绿色，当元素获得焦点时，灰色背景会覆盖绿色背景。除了设置悬停背景样式的背景之外，还有其他属性吗？

标签： css firefox

【解决方案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>

【讨论】：

试试这个 jQuery 代码，如果你对 CSS 不严格的话。上面的代码是您更改特定于您的需求的 HTML 行为的示例
我没有使用 jquery，只需要一个 css 解决方案。