刪除Opera移動藍色邊框<a>鏈接

我有一個web應用程序，其中的按鈕創建爲<a>元素，並且全部都有href設置爲#。我想在點擊鼠標時刪除圍繞<a>鏈接的藍色邊框，因爲Opera Mobile煩人地突出顯示了所有設置爲href的元素，其中所有元素都爲<a>。刪除Opera移動藍色邊框<a>鏈接

示例圖片：

enter image description here

如何刪除呢？

2011-05-18 kuvik

不是100％，因爲我無法真正測試，但是您是否嘗試在鏈接中添加outline: none;到css？您可能需要將其添加到a:focus和/或a:target

哎喲：

空間導航：空間導航是一個Opera的功能，從而可激活每個元素投入的集合。當用戶移動操縱桿或單擊特定的鍵時，焦點將移動到集合中的下一個元素。此元素通常用突出顯示爲藍色或黑色邊框。鏈接，形式控件，並且具有onclick 處理程序的元素被添加到集合中。

2011-05-18 14:45:39

我試了一下，現在（A，A：焦點，一：目標一：積極{大綱：無}）（即使有重要的規則！），但仍歌劇突出顯示所有鏈接。 – kuvik 2011-05-18 14:51:26

我不介意藍色邊框（我理解可訪問性規則），但它突出顯示頁面上每個鏈接的事實都有點令人討厭。 – kuvik 2011-05-18 14:58:28

這聽起來像歌劇院認爲，作爲一個「功能」，所以可能沒有任何方法來禁用它..對不起 – 2011-05-18 15:36:19

試試這個：

a, a:active, a:focus {outline:none}

另外，如果你在一個Flash對象/嵌入遇到問題，您可以：

object, embed {outline: 0}

2011-05-18 14:46:00

我現在試過了（即使有！重要規則）（a，a：焦點，a：目標， a：active {outline：none}），但Opera仍然會突出顯示所有鏈接。 – kuvik 2011-05-18 14:51:17

試試這個：{outline-offset：-2px;} – 2011-05-18 14:56:24

試過了，沒有效果。也許它不可能完全刪除它...至少，我希望我可以刪除具有相同'href'的鏈接的高亮部分。 – kuvik 2011-05-18 15:02:45

div的使用與的onclick（）處理程序，而不是staled <a>或按鈕：示例：在CSS中：

#home-send{ 
background: url(gfx/button.png) no-repeat;}

在頁面：

<div id="home-send" onclick="next('NEXT ACTION');"></div>

在點擊DIV的動作會發生，但輪廓無國界影響。

我希望這幫助

2011-08-28 12:57:09 DejanR

我認爲歌劇，可以尋找一些輪廓元素上更嚴格一點。

嘗試：

a:focus { outline:0px solid #fff; }

的 '實' 和 '顏色' 將被忽略。

2011-10-07 13:54:04

要刪除藍色邊框使用的TOP你的CSS文件

:focus { outline: 0 solid; }

或

:focus { outline: none; }

2013-07-15 11:10:37 GibboK

我有同樣的問題，沒有一個答案在這裏工作。不過，我最近找到了一個適合我的解決方案（稍晚一點，但是......）。

嘗試：

:focus{ 
    outline: 2px solid rgba(0,0,0,0.0); 
}

如果不工作，你可以去更具體的，如：

a, a:active, a:focus { 
    outline: 2px solid rgba(0,0,0,0.0); 
}

實際上你需要先設置一個大綱，然後使它透明。

2016-08-05 04:42:13

回答