2010-12-07 8 views
9

Wie SieWie entfernt man den "gepunkteten Rahmen" beim Klicken?

alt text

sehen kann ich die gepunkteten Linien irgendwie entfernt werden soll, nachdem die Taste wie clicked.Any Ideen war?

Dank

GUYS: Dies ist der aktuelle Status meiner CSS ansd HTML, aber immer noch keine USE:

.myButton input { 
position:absolute; 
display:block; 
top: 5%; 
left:87%; 
height: 44px; 
border:none; 
cursor:pointer; 
width: 43px; 
font: bold 13px sans-serif;; 
color:#333; 
background: url("hover.png") 0 0 no-repeat; 
text-decoration: none; 
} 
.myButton input:hover { 
background-position: 0 -44px; 
color: #049; 
outline: 0; 
} 
.myButton input:active { 
background-position: 0 -88px; 
color:#fff; 
outline: 0; 
} 

input:active, input:focus { 
     outline: 0; 
} 

<div class="myButton"> 
<input type="submit" value=""> 
</div> 

nichts passiert zu sein scheint !!

+1

ich kann es nicht sehen. –

+2

Sie sollten sie für die Zugänglichkeit aufbewahren. – Shikiryu

+0

Jungs, ich habe den Beitrag bearbeitet..Noch keine Verwendung !! – 5416339

Antwort

5

Mögliche mit reinem HTML auch:

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

Und mit JavaScript können Sie das auf alle tun Verbindungen:

window.onload = function WindowLoad(evt) { 
    //hide focus: 
    var arrLinks = document.getElementsByTagName("a"); 
    for (var i = 0; i < arrLinks.length; i++) { 
     arrLinks[i].hideFocus = "true"; 
} 
+0

Ich hatte nur dieses Problem in ie7 und älter. aber das Hinzufügen des Hidefocus funktionierte für mich –

+0

Cheers @nate froh, dass dies für Sie nützlich war. :) –

1
#myElement { outline: 0; } 

Versuchen Sie dies auf Ihrem Element, ich nicht jetzt, wenn ein Bild ist, div, Button, Link. Aber es funktioniert

+0

Dies ist eine sehr hilfreiche Antwort. Ich habe ein div, von dem ich den Umriss entfernen wollte und das funktioniert.Inline, mein Code sieht wie folgt aus: '

\t \t Bar
' Dies ist Teil eines Codes, der 6 "Kachelbereiche" auf der Seite anzeigt. Jede Region ist anklickbar und die Gliederung erscheint nicht, wenn auf die Region geklickt wird. – sail0r

14

Sie Stil auf die <a> wie:

a {outline: none} 
6

verwenden, um den Code unten

a:active 
    { 
    outline: none; 
    } 

try für andere Browser auch

a:focus 
{ 
-moz-outline-style: none; 
} 
a:focus { outline:none } 
+0

Ich schlage vor, eine CSS-Klasse dafür zu verwenden, so dass alle anderen Links das Verhalten "du warst hier" beibehalten. –

+0

@Aaron guter Vorschlag .. – kobe

1

Wenn Sie den Überblick über aktive und Fokus halten wollen, aber verstecken sie einen Link auf klicken, können Sie in CSS hinzufügen:

A.No-Umriss {outline-style: none;}

und verwenden script:

$('A').hover(function() { 
    $(this).addClass('No-Outline'); 
},function() { 
    $(this).removeClass('No-Outline'); 
}); 

müssen Sie schweben vor dem klicken auf, so dass es macht den Job.

Verwandte Themen