Wyłącza szare obramowanie na kotwicy (<a>) na elementach o ogniskowaniu

Question

Próbuję usunąć brzydką szare obramowanie wokół znaczników kotwicy. Właściwość CSS outline:none; działa dla przeglądarki Firefox, ale jak mogę to zrobić w IE? Najlepiej używać wyrażeń CSS lub jQuery. Nie martwię się o dostępność BTW.

---

oparciu o Państwa sugestie znalazłem je za najlepsze rozwiązania:

• jQuery (dla IE przeglądarek):

  $('a').focus(function() { 
      $(this).blur(); 
  }); 
  

• Inną opcją jQuery (dla przeglądarek IE tylko):

  $('a').focus(function() { 
      $(this).attr("hideFocus", "hidefocus"); 
  }); 
  

• CSS (dla wszystkich innych przeglądarek, które zmuszają konspekt):

  a { 
      outline: none; 
  } 
  

Uwaga: Niektóre przeglądarki takie jak Google Chrome nie zmuszaj konspekt na ostrości.

Answer 1

Niestety myślę hideFocus jest najlepsza odpowiedź jako plama nie zawsze jest właściwe:

<a href="..." hidefocus="hidefocus">...</a> 

http://msdn.microsoft.com/en-us/library/ms533783(VS.85).aspx

Answer 2

Czy to nie działa?

a 
{ 
    border: 0; 
} 

Answer 3

To brzmi jak mówisz granicy przerywaną, która pojawia się po kartę poprzez linki. Masz poprawne rozwiązanie dla Firefoksa (zarys: brak w CSS). Najlepszym rozwiązaniem Użyłem dla IE jest dodanie detektora onfocus który usuwa skupić:

<a href="" onfocus="this.hideFocus=true;">link</a> 

Spójrz na tej stronie za przykład tego, jak można to zrobić globalnie: http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-should-i-shouldnt-i

Answer 4

dla IE można użyć Javascript tak:

<a href="..." onfocus="this.blur();">Click Here</a> 

więcej: http://www.htmlgoodies.com/beyond/javascript/article.php/3471171

Dla Firefox i Safari, outlin e: żaden nie działa.

Więcej: http://css-tricks.com/removing-the-dotted-outline/

Answer 5

ile mi brakuje która przerywana jest granica podczas dyskusji, zarys: żaden nie działa w Internet Explorerze 8 (przynajmniej dla mnie). Raczej nagle niektóre hiperłącza renderowały się z wykropkowaną ramką (jedynym atrybutem, który pamiętam, zmieniałem, jest wyświetlanie: wstawiono element h2, który zawierał łącze, a następnie pojawiła się przerywana granica). Więc rzuciłem {outline: none; } w moim globalnym arkuszu stylów i pufu, nie ma już granicy w IE8!

Answer 6

a {outline:noneIE 8} css wydaje się działać dobrze w przeglądarkach Firefox, Chrome i IE 8.

Answer 7

a { 
    outline: 0 none !important; 
    border: none; 
}