У меня есть webapp, где кнопки создаются с элементами <a>, и все они имеют href, установленный в #. Я хочу удалить синюю рамку вокруг <a> ссылок во время щелчка мыши, потому что Opera Mobile досадно выделяет все элементы <a>, которые имеют одинаковые href.Удалить Opera Mobile синяя рамка вокруг <a> ссылки
Пример картина:
Как я могу удалить его?
Не 100%, потому что я не могу проверить, но вы попробовали добавить outline: none; в css для ссылок? Вы можете добавить его в a:focus и/или a:target
-оу:
Пространственная навигация: Пространственная навигация является Opera особенностью которой каждый элемент для активации поместить в коллекцию. Когда пользователь перемещает джойстик или нажимает специальные клавиши , фокус перемещается в следующий элемент в коллекции. Этот элемент обычно выделяется синей или черной рамкой. Ссылки, форма Элементы управления с элементами onclick добавлены в коллекцию.
http://dev.opera.com/articles/view/characteristics-of-widgets-on-mobile-pho/
Попробуйте это:
a, a:active, a:focus {outline:none}
Кроме того, если у вас возникли проблемы на флэш-объекта/вставлять, вы можете:
object, embed {outline: 0}
Я попробовал это сейчас (даже с важным правилом) (a, a: focus, a: target, a: active {outline: none}), но Opera по-прежнему выделяет все ссылки. – kuvik
Попробуйте следующее: {outline-offset: -2px;} –
Пробовал, без эффекта. Возможно, его невозможно полностью удалить ... По крайней мере, я надеялся, что смогу удалить из ссылки ссылки с тем же 'href'. – kuvik
Использование DIV с OnClick() обработчик, вместо этого staight <a> или кнопки: Пример: В CSS:
#home-send{
background: url(gfx/button.png) no-repeat;}
На странице:
<div id="home-send" onclick="next('NEXT ACTION');"></div>
По щелчку на DIV действие будет иметь место, но не контурных границ эффекта.
Я надеюсь, что эта помощь
Я думаю, что Opera может искать что-то немного более строгого на элементе контура.
Try:
a:focus { outline:0px solid #fff; }
'твердый' и 'цвет' будет игнорироваться.
Чтобы удалить Синий границы использовать это на тебя CSS файл
:focus { outline: 0 solid; }
или
:focus { outline: none; }
Я была такая же проблема, и ни один из ответов здесь работали. Тем не менее, я недавно нашел решение, которое сработало для меня (немного поздно для вечеринки ...).
Try:
: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/
Я попробовал сейчас (а, а: в центре внимания, а: цель, а: активный {контур: нет}) (даже важное правило!), Но Opera по-прежнему выделяет все ссылки. – kuvik
Я бы не прочь, чтобы синяя рамка (я понимаю правила доступности), но факт, что она выделяет каждую ссылку на странице, немного раздражает. – kuvik
Похоже, что опера думает об этом как о «функции», поэтому, вероятно, нет способа отключить его. Извините –