Удалите Opera Mobile синюю рамку вокруг <a>ссылок

Question

У меня есть веб-приложение, где кнопки создаются с элементами <a>, и для всех href установлено значение #.Я хочу удалить синюю рамку вокруг <a> ссылок во время щелчка мыши, потому что Opera Mobile раздражающе выделяет все <a> элементы, которые имеют одинаковый набор href.

Пример изображения:

Как я могу удалить это?

Answer 1

Я думаю, что Opera может искать что-то более строгое в элементе структуры.

Попробуйте:

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

«сплошной» и «цвет» будут игнорироваться.

Answer 2

У меня была такая же проблема, и ни один из ответов здесь не сработал.Тем не менее, я недавно нашел решение, которое сработало для меня (однако, немного поздно для вечеринки ...).

Попробуйте:

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

Если это не сработает, вы можетеперейти к более конкретным, например:

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

Вам нужно сначала установить контур, а затем сделать его прозрачным.

https://dev.opera.com/tv/tweaking-spatial-navigation-for-tv-browsing/

Answer 3

Чтобы удалить синюю рамку, используйте этот файл на вершине CSS файла

:focus { outline: 0 solid; }

или

:focus { outline: none; }

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

Попробуйте:

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

Также, если у вас возникли проблемы с Flash-объектом / встраиванием, вы можете:

object, embed {outline: 0}

Answer 6

Не 100%, потому что я не могу проверить, но вы пытались добавить outline: none; к CSS для ссылок?Вам может потребоваться добавить его в a:focus и / или a:target

Э-э-э:

Пространственная навигация: Пространственная навигация - это функция Opera, посредством которой каждый элемент доступен для активациипомещен в коллекцию.Когда пользователь перемещает джойстик или нажимает определенные клавиши, фокус перемещается на следующий элемент в коллекции.Этот элемент обычно выделяется синей или черной рамкой.Ссылки, элементы управления формой и элементы с обработчиками onclick добавляются в коллекцию.

http://dev.opera.com/articles/view/characteristics-of-widgets-on-mobile-pho/