firefox火狐瀏覽器outline:none去除虛框失效的坑
一、問題描述
在點選按鈕時,因為登入按鈕獲得焦點,按鈕上出現了難看的虛框,強迫症患者表示誰也忍受不了……
如下圖所示:
二、解決方案
找了很多方法,比如直接在css樣式中加這行程式碼
:focus{outline:none;}
又比如在js程式碼中解決
$("a,input,button").focus(function(){this.blur()});
然而,嘗試了無數次,都失敗了,
為什麼呢?
因為筆者用的是火狐瀏覽器……
需要用一條火狐瀏覽器私有的命令,這樣
#window button::-moz-focus-inner{ border: 0 ; outline:0; }
重點是::-moz-focus-inner!!!
效果如圖:
好了,又治好了我多年的強迫症。
並不是什麼大問題,但這種小bug有時候賊煩人,留個記錄讓大家省些功夫吧!
相關推薦
firefox火狐瀏覽器outline:none去除虛框失效的坑
一、問題描述 在點選按鈕時,因為登入按鈕獲得焦點,按鈕上出現了難看的虛框,強迫症患者表示誰也忍受不了…… 如下圖所示: 二、解決方案 找了很多方法,比如直接在css樣式中加這行程式碼 :focus{outline:none;} 又比如在js程式碼中解決
Firefox火狐瀏覽器顯示 您的鏈接不安全 的解決辦法
火狐瀏覽器修復大法Firefox瀏覽器,今天突然打開網頁的時候提醒,“您的鏈接不安全”,於是網頁怎麽刷新都打不開。後來幾經查詢終於解決,下面告訴大家該如何解決這種情況。1、本辦法主要針對以下這種狀況,“您的鏈接不安全”;2、在Firefox地址欄輸入“about:config”,然後打開;3、然後在此界面選擇
Ubuntu16.04安裝官方Firefox 火狐瀏覽器 延長支持版(Extended Support Release, 簡稱“ESR”)
6.0 pip icons term exec ext exe tar 官方網站 Ubuntu16.04安裝官方Firefox 火狐瀏覽器 延長支持版(Extended Support Release, 簡稱“ESR”) 延長支持版本(Extended Support Re
兼容火狐瀏覽器的select下拉框樣式
doc image class rap lec calc form AR rep 經常遇到這樣的問題,在使用bootstrap框架的時候select選擇框的樣式在火狐瀏覽器上繼承的是瀏覽器本身的樣式,跟谷歌等其他的瀏覽器樣式對比很難看,並且很難調整,但是! 好東西來了,現在
Web自動化測試環境搭建1(基於firefox火狐瀏覽器)
ktr gecko 激情 後臺 自動更新 fire 這一 把手 HA 自動化測試是時代趨勢,因此很多測試人員開始研究自動化測試,web自動化測試化測試並不難,但是很多人都是被擋在了環境搭建這一步,後面學習激情全無,這裏,韜哥手把手教大家搭建火狐瀏覽器下的自動化測試環境(
Firefox 火狐瀏覽器 windows 啟用Flash
與其他國內瀏覽器不同,火狐瀏覽器沒有自帶Flash Player。國外媒體報道,Mozilla已經禁止Firefox(火狐瀏覽器)全平臺執行最高至最近釋出的18.0.0.203版本在內的所有Adobe Flash版本,下面分享火狐瀏覽器手動開啟flash的教程。 火狐瀏
FireFox火狐瀏覽器除錯響應式頁面
對於不同解析度頁面可能出現不同的樣式,可以用CSS3的媒體查詢來針對不同瀏覽器設定不同樣式來解決問題,那麼如何在瀏覽器中進行不同解析度的除錯,現在整理下在火狐瀏覽器除錯的方法。 1.開啟Fir
Firefox火狐瀏覽器如何遮蔽CSDN頁面上的廣告(親測有效!)
今天真的是被CSDN的廣告噁心到啦! 截圖如下: 這個還好吧~雖然顯得我很幼稚! 但是這個真的是不能忍呀! 什麼呀!索性以後都不要再見啦! 搜尋外掛來遮蔽廣告! 第一次沒有成功,第二次成功啦。 開啟Firefox新增元件,搜尋一個叫做Adblock Plus的元件 1,X符號下面的那
Firefox(火狐瀏覽器)側邊欄顯示書籤
前言 開發人員往往會收藏大量的網頁資料,以便在需要時進行檢視。當收藏的網頁資料達到十幾個分類時,這時要管理和查詢就很費勁了。儘管可以是用書籤管理器進行管理,但是書籤管理器只能浮置在瀏覽器上,使用起來不是很方便,如果能將書籤放置到側邊欄,則非常的方便,就像一個
相容火狐瀏覽器的select下拉框樣式
解決方法 <link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"> <style>
firefox火狐瀏覽器語言設定(Firefox中文包安裝方法)
然後把該xpi檔案用7-zip或Universal Extractor之類的壓縮軟體解壓出來,找到解壓出來的資料夾內的chrome.manifest這個檔案,然後用文字編輯軟體開啟,用文字編輯器自帶的替換功能把"jar:chrome" 全部替換為"jar:"(Firefox3.5使用者請把"jar:chro
禮拜一log~flexslider埋坑指南 firefox火狐瀏覽器不支援zoom的解決辦法
flexslider埋坑指南: 這種外掛的js請寫在html中,如果你用外部的js引入,很可能發生意想不到的bug… firefox火狐瀏覽器不支援zoom的解決辦法 -moz-transfo
css firefox火狐瀏覽器下的相容性問題
1.DOCTYPE 影響 CSS 處理 2.FF: div 設定 margin-left, margin-right 為 auto 時已經居中, IE 不行 3.FF: body 設定 text-align 時, div 需要設定 margin: auto(主要是 marg
關於firefox(火狐)瀏覽器中ajax請求返回data時出現[object XMLDocument]的情況的分析
本來我們使用ajax來非同步處理資料時,有時候需要返回data,這時候我們在service(action)中使用下面的程式碼完成返回: HttpServletResponse response = ServletActionContext.getResponse(); r
jquery-layer彈框在火狐瀏覽器中彈框不顯示的問題
出現 com area 寬高 彈出 blog idt offset off 在使用layer控件設置彈框時, 谷歌瀏覽器中能正常彈出, 顯示在頁面中央位置. 而在火狐瀏覽器中, 彈框只顯示標題, 並且彈框內容不顯示. 在火狐瀏覽器中彈框的效果如下圖紅色方框中的彈出框所示,
安裝國際版firefox(火狐瀏覽器)並設置語言為中文
ima https 瀏覽器 ons 下載 new ont src img 訪問https://www.mozilla.org/zh-CN/firefox/new/?scene=2下載、安裝; 訪問https://addons.mozilla.org/zh-CN/firef
火狐瀏覽器Firefox歷史版本官方下載地址
平臺 系統 org 下載 blank zh-cn 官方 targe 下載地址 火狐瀏覽器Firefox歷史版本官方下載地址: https://download.mozilla.org/?product=firefox-17.0&os=linux&lang=z
firefox(火狐)下 js中設置checkbox屬性checked="checked"已有,但復選框卻不顯示勾選的原因
顯示 isa googl def 獲取 undefine 方法 ted 網上 剛看到問題時以為是瀏覽器兼容性的原因,ie、google都能正常顯示。 網上查詢之後發現是jQuery的attr()方法用的不恰當。 jQuery1.6之前使用attr()可以修改 ,從jQuer
火狐瀏覽器下載|火狐瀏覽器Firefox電腦版下載
網路上chrome是最火的,速度是最快的,但那是以前,後來的IE,火狐速度都已經和他一樣了,微軟的新瀏覽器edge更是號稱超越它,但火狐是當今唯一單執行緒瀏覽器,就憑這一點,就能說他了不起了,當你看到那chrome幾十個執行緒在執行 的時候,你是否對火狐重新看待了嗎?火狐瀏覽器下載連結火狐瀏覽器是一個自由及開
火狐瀏覽器 Firefox 65 將支援 MSI 格式安裝包
Mozilla 計劃在釋出 Firefox 65 版本時,順便推出為 Windows 系統準備的 Firefox MSI 安裝包,MSI 安裝包將與常規 Firefox 安裝程式一起釋出,作為 Windows PC 中的 .exe 檔案提供。 官方表示,MSI 安裝包將會在每個地區提供,只