Mam webapp, gdzie przyciski są tworzone z <a> elementów, a wszystkie mają href zestaw do #. Chcę usunąć niebieskie obramowanie wokół linków <a> podczas kliknięcia myszą, ponieważ Opera Mobile irytująco podkreśla wszystkie elementy <a>, które mają ten sam zestaw href.Usuń Opera Mobile niebieskie obramowanie wokół <a> linki
Przykład obrazku:
Jak mogę usunąć?
Nie 100%, ponieważ nie mogę naprawdę przetestować, ale czy próbowałeś dodać outline: none; do css dla linków? Być może trzeba dodać ją do a:focus i/lub a:target
Uh-oh:
nawigacja przestrzenna: Przestrzenna nawigacja to funkcja Opera czym każda Element dostępny dla aktywacji jest wprowadzone do kolekcji. Gdy użytkownik przesunie joystick lub kliknie określone klawisze , fokus zostanie przeniesiony do następnego elementu w kolekcji. Ten element jest zwykle podświetlony za pomocą niebieskiego lub czarnego obramowania. Łącza, formanty i elementy z instrukcjami onclick są dodawane do kolekcji.
http://dev.opera.com/articles/view/characteristics-of-widgets-on-mobile-pho/
Spróbuj tego:
a, a:active, a:focus {outline:none}
Także jeśli masz problemy w obiekcie Flash/embed można:
object, embed {outline: 0}
Próbowałem już teraz (nawet z! Ważną zasadą) (a, a: focus, a: target, a, a: active {outline: none}), ale Opera nadal podświetla wszystkie linki. – kuvik
Wypróbuj ten: {outline-offset: -2px;} –
Próbowałem, bez efektu. Być może nie można go całkowicie usunąć ... Przynajmniej miałem nadzieję, że uda mi się usunąć najważniejsze linki z tego samego 'href'. – kuvik
Użyj div z onclick() handler, zamiast tego zmierzyć <a> lub przyciski: Przykład: W CSS:
#home-send{
background: url(gfx/button.png) no-repeat;}
Na stronie:
<div id="home-send" onclick="next('NEXT ACTION');"></div>
Po kliknięciu na div akcja odbędzie się, ale bez granic zarys efektu.
Mam nadzieję, że to pomoże
myślę Opera może szukasz czegoś trochę bardziej rygorystycznego na elemencie konturu.
Spróbuj:
a:focus { outline:0px solid #fff; }
do 'stałe' i 'kolor' będą ignorowane.
Aby wyjąć niebieską obwódką to wykorzystać na szczycie ty CSS file
:focus { outline: 0 solid; }
lub
:focus { outline: none; }
miałem ten sam problem i żadna z odpowiedzi tutaj pracował. Jednak niedawno znalazłem rozwiązanie, które zadziałało dla mnie (trochę spóźniony na imprezę jednak ...).
Spróbuj:
:focus{
outline: 2px solid rgba(0,0,0,0.0);
}
Jeśli to nie zadziała, można przejść bardziej szczegółowe jak:
a, a:active, a:focus {
outline: 2px solid rgba(0,0,0,0.0);
}
Trzeba faktycznie ustawić kontur, potem zrobić to przejrzyste.
https://dev.opera.com/tv/tweaking-spatial-navigation-for-tv-browsing/
próbowałem go teraz (a, a: focus, a: cel, a: aktywny {outline: none}) (nawet z ważną regułą!), Ale Opera wciąż podkreśla wszystkie linki. – kuvik
Nie miałbym nic przeciwko tej niebieskiej granicy (rozumiem zasady dostępności), ale fakt, że podkreśla każdy link na stronie jest trochę denerwujący. – kuvik
Wygląda na to, że opera myśli o tym jako o "funkcji", więc prawdopodobnie nie można go wyłączyć .. Przepraszam –