Tengo una aplicación web, donde los botones se crean con elementos <a>, y todos tienen href establecido en #. Quiero eliminar el borde azul alrededor de los enlaces <a> con el clic del mouse, porque Opera Mobile resalta de forma molesta todos los elementos <a>, que tienen el mismo conjunto href.Eliminar el borde azul Opera Mobile alrededor de <a> enlaces
Imagen de ejemplo:
¿Cómo puedo eliminarlo?
No es 100% porque realmente no puedo probar, pero ¿intentó agregar outline: none; al CSS para ver los enlaces? Es posible que necesite para añadirlo a a:focus y/o a:target
Uh-oh:
navegación espacial: espacial de navegación es una característica Opera mediante el cual cada elemento disponible para su activación es puesto en una colección. Cuando el usuario mueve un joystick o hace clic en las teclas específicas , el foco se mueve al siguiente elemento en la colección. Este elemento normalmente se resalta con , un borde azul o negro. Los enlaces, controles de forma y elementos con controladores onclick se agregan a la colección.
http://dev.opera.com/articles/view/characteristics-of-widgets-on-mobile-pho/
Prueba esto:
a, a:active, a:focus {outline:none}
Además, si usted está teniendo problemas en un objeto Flash/embed, se puede:
object, embed {outline: 0}
Lo probé ahora (incluso con! Regla importante) (a, a: focus, a: target, a: active {outline: none}), pero Opera sigue resaltando todos los enlaces. – kuvik
Pruebe este: {outline-offset: -2px;} –
Lo intenté, sin efecto. Tal vez no sea posible eliminarlo por completo ... Al menos, esperaba poder eliminar los puntos destacados de los enlaces con el mismo 'href'. – kuvik
uso de DIV con onclick() controlador, en lugar de Staight <a> o botones: Ejemplo: En CSS:
#home-send{
background: url(gfx/button.png) no-repeat;}
En la página:
<div id="home-send" onclick="next('NEXT ACTION');"></div>
Al hacer clic en el DIV la acción se llevará a cabo, pero ningún efecto fronteras contorno.
espero que esto ayuda
Creo que Opera puede estar buscando algo un poco más estricto sobre el elemento de contorno.
Probar:
a:focus { outline:0px solid #fff; }
El 'sólido' y 'color' será ignorado.
para eliminar el borde azul de utilizar esta encima de ti Archivo CSS
:focus { outline: 0 solid; }
o
:focus { outline: none; }
he tenido el mismo problema y ninguna de las respuestas aquí trabajaron. Sin embargo, recientemente encontré una solución que funcionó para mí (sin embargo, un poco tarde para la fiesta ...).
Probar:
:focus{
outline: 2px solid rgba(0,0,0,0.0);
}
Si eso no funciona, puede ir más específicos como:
a, a:active, a:focus {
outline: 2px solid rgba(0,0,0,0.0);
}
Es necesario establecer realmente un esquema primero, y luego hacerlo transparente.
https://dev.opera.com/tv/tweaking-spatial-navigation-for-tv-browsing/
lo probé ahora (a, a: enfoque, a: objetivo, a: active {esbozo: none}) (incluso con regla importante!), Pero todavía Opera pone de relieve todos los enlaces. – kuvik
No me importaría ese borde azul (entiendo las reglas de accesibilidad), pero el hecho de que resalta cada enlace en la página es un poco molesto. – kuvik
Parece que la ópera lo considera una "característica", por lo que probablemente no haya forma de desactivarlo ... lo siento –