移除Opera Mobile浏览器中<a>链接周围的蓝色边框

Question

5

我有一个Web应用程序，其中按钮是使用<a>元素创建的，并且所有按钮的href都设置为#。我想在鼠标单击期间删除围绕<a>链接的蓝色边框，因为Opera Mobile会烦人地突出显示所有具有相同href设置的<a>元素。

示例图片：

如何移除它？

- kuvik

6个回答

0

使用带有onclick()处理程序的div，而不是直接使用<a>或按钮：示例：在CSS中：

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

在页面上：

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

点击 DIV 后将执行操作，但没有轮廓边框效果。

希望这可以帮助到您。

- DejanR

0

我曾经遇到过同样的问题，但这里的所有答案都没有起作用。然而，最近我找到了一个对我有效的解决方案（虽然有点晚了...）。

尝试：

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

如果那样不起作用，你可以更具体一些，比如：

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

你需要先设置一个轮廓，然后将其设为透明。

- sfinks_29

0

试试这个：

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

如果你在Flash对象/嵌入方面遇到问题，可以尝试：

object, embed {outline: 0}

- Faraz Kelhini

我现在尝试了一下（即使使用!important规则）（a，a:focus，a:target，a:active {outline：none}），但Opera仍然会突出显示所有链接。 - kuvik

试试这个：{outline-offset:-2px;} - Faraz Kelhini

尝试过了，没有效果。也许无法完全删除它......至少，我希望可以删除具有相同href的链接的突出显示。 - kuvik

0

要去除蓝色边框，请在CSS文件的顶部使用以下代码

:focus { outline: 0 solid; }

或者

:focus { outline: none; }

- GibboK

0

不是100％确定，因为我无法真正测试，但您是否尝试将outline: none;添加到链接的CSS中？您可能需要将其添加到a:focus和/或a:target

哎呀：

空间导航：空间导航是Opera的一项功能，其中每个可用于激活的元素都被放入集合中。当用户移动摇杆或单击特定键时，焦点将移动到集合中的下一个元素。该元素通常会用蓝色或黑色边框突出显示。链接、表单控件和具有onclick处理程序的元素将添加到集合中。

- Angelo R.

我现在尝试了一下（即使使用!important规则）(a， a:focus, a:target, a:active { outline: none })，但是Opera仍然会突出显示所有链接。 - kuvik

我不介意那个蓝色边框（我理解无障碍规则），但它突出显示页面上的每个链接有点烦人。 - kuvik

好像 Opera 把那视为“功能”，所以可能没有办法禁用它...抱歉。 - Angelo R.

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gary Carr · Accepted Answer

我认为Opera可能在轮廓元素上寻找更严格的东西。

尝试：

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

'solid'和'colour'将被忽略。