Ho una webapp, in cui i pulsanti sono creati con gli elementi <a> e tutti hanno href impostato su #. Voglio rimuovere il bordo blu attorno ai collegamenti <a> durante il clic del mouse, perché Opera Mobile mette fastosamente in evidenza tutti gli elementi <a>, che ha lo stesso set href.Rimuovere il bordo blu di Opera Mobile attorno ai collegamenti <a>
immagine Esempio:
Come faccio a rimuoverlo?
Non 100% perché non posso realmente testare, ma hai provato ad aggiungere outline: none; al css per i collegamenti? Potrebbe essere necessario aggiungerlo a a:focus e/o a:target
Uh-oh:
navigazione spaziale: navigazione spaziale è una caratteristica Opera cui ogni elemento a disposizione per l'attivazione è messo in una collezione. Quando l'utente sposta un joystick o fa clic su specifiche chiavi , lo stato attivo viene spostato nell'elemento successivo nella raccolta. Questo elemento viene in genere evidenziato con un bordo blu o nero. Collegamenti, formano i controlli e gli elementi con i gestori onclick vengono aggiunti alla raccolta.
http://dev.opera.com/articles/view/characteristics-of-widgets-on-mobile-pho/
Prova questo:
a, a:active, a:focus {outline:none}
anche se si hanno problemi su un oggetto Flash/embed, è possibile:
object, embed {outline: 0}
L'ho provato ora (anche con! Regola importante) (a, a: focus, a: target, a: active {outline: none}), ma Opera evidenzia ancora tutti i collegamenti. – kuvik
Prova questo: {outline-offset: -2px;} –
Provato, nessun effetto. Forse non è possibile rimuoverlo completamente ... Almeno, speravo di poter rimuovere l'evidenziazione dei link con lo stesso 'href'. – kuvik
Utilizzare div con onclick() gestore, invece staight <a> o pulsanti: Esempio: In CSS:
#home-send{
background: url(gfx/button.png) no-repeat;}
A pagina:
<div id="home-send" onclick="next('NEXT ACTION');"></div>
Al clic sul DIV l'azione avrà luogo, ma senza confini contorno effetto.
Spero che questo aiuto
Credo che Opera può essere alla ricerca di qualcosa di un po 'più severo sull'elemento contorno.
Prova:
a:focus { outline:0px solid #fff; }
l 'e' di colore' 'solido' saranno ignorati.
per rimuovere il bordo blu utilizzare questo su di voi file CSS
:focus { outline: 0 solid; }
o
:focus { outline: none; }
ho avuto lo stesso problema e nessuna delle risposte qui lavorato. Tuttavia, di recente ho trovato una soluzione che ha funzionato per me (un po 'tardi alla festa però ...).
Prova:
:focus{
outline: 2px solid rgba(0,0,0,0.0);
}
Se questo non funziona, si può andare più specifica come:
a, a:active, a:focus {
outline: 2px solid rgba(0,0,0,0.0);
}
È necessario impostare in realtà uno schema, poi renderla trasparente.
https://dev.opera.com/tv/tweaking-spatial-navigation-for-tv-browsing/
ho provato ora (a, a: messa a fuoco, un: bersaglio, a: active {outline: none}) (anche con la regola importante!), Ma Opera evidenzia ancora tutti i link. – kuvik
Non mi dispiacerebbe quel bordo blu (capisco le regole di accessibilità), ma il fatto che mette in evidenza ogni link sulla pagina è un po 'fastidioso. – kuvik
Sembra che l'opera la consideri una "caratteristica", quindi probabilmente non c'è alcun modo per disabilitarlo .. mi dispiace –