如何覆蓋Firefox中的div元素的焦點背景樣式？

-1

我已經將div元素的tabindex設置爲-1以允許焦點。當Firefox獲得灰色背景焦點時，Firefox會突出顯示div元素。如何刪除此默認行爲？如何覆蓋Firefox中的div元素的焦點背景樣式？

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

沒有效果。

firefox版本是38.3。

這裏是元素的渲染的屏幕剪輯：

來源

2017-04-06 user3431010

您可以提供屏幕截圖 –

......和您的Firefox版本太多。 –

右鍵單擊div元素並選擇「檢查元素」以從Firefox瀏覽器獲取有關應用於此元素的CSS屬性的反饋。這個反饋可以回答你的問題。 – JohnH

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

.myDiv{ 
 
\t \t background-color : green; 
 
\t }

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

來源

2017-04-06 13:23:21

如果你對CSS不嚴格，試試這個jQuery代碼。上面的代碼是您更改特定於您的需求的HTML行爲的示例。 –

我沒有使用jquery，只需要一個css解決方案。 – user3431010

如何覆蓋Firefox中的div元素的焦點背景樣式？

回答

相關問題