Question

我有一个webapp，其中按钮是使用<a>元素创建的，并且所有按钮都设置为href #。我希望在鼠标点击期间删除<a>个链接周围的蓝色边框，因为Opera Mobile会突出显示所有<a>元素，这些元素具有相同的href设置。

示例图片：

enter image description here

如何删除它？

Answer 1

我认为Opera可能会在大纲元素上寻找更严格的东西。

尝试：

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

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

Answer 2

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

哎哟：

空间导航：空间导航是一个Opera功能，每个可用于激活的元素是投入集合。当用户移动操纵杆或点击特定的键，焦点移动到下一个集合中的元素。这个元素通常以突出显示蓝色或黑色边框。链接，表格控件和onclick元素处理程序已添加到集合中。

Answer 3

试试这个：

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

此外，如果您在Flash对象/嵌入时遇到问题，您可以：

object, embed {outline: 0}

Answer 4

将div与onclick（）处理程序一起使用，而不是staight <a>或按钮：例：在CSS中：

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

在页面上：

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

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

我希望这个帮助

Answer 5

要删除蓝色边框，请在您的CSS文件

上使用此功能

:focus { outline: 0 solid; }

或

:focus { outline: none; }

Answer 6

我遇到了同样的问题，这里的答案都没有。但是，我最近找到了一个对我有用的解决方案（但是对于聚会来说有点晚了......）。

尝试：

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

如果这不起作用，你可以更具体地说：

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

您需要先实际设置轮廓，然后使其透明。