Vielleicht finden Sie die gepunktete Linie, die beim Klicken auf den Fokus erscheint, hässlich, also lasst uns sie loswerden!
1. Fügen Sie die Anweisung onFocus="this.blur()" zum <a>-Tag hinzu:
-------------------------------------------------- ----------
<a href="#" onFocus="this.blur()">versuchen Sie es</a>
-------------------------------------------------- ---------
Zweitens, fügen Sie hidefocus zum <a>-Tag hinzu:
-------------------------------------------------- ----------
<a href="###" hidefocus>Link</a>
-------------------------------------------------- ---------
Drittens können Sie bei zu vielen Verbindungen externe Link-.HTC-Dateien verwenden.
Der Inhalt der Datei „blur.htc“ lautet beispielsweise wie folgt:
-------------------------------------------------- --------
<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
Funktion makeblur(){
this.blur();
}
</script>
-------------------------------------------------- ----------
Fügen Sie CSS den folgenden Code hinzu:
-------------------------------------------------- ----------
A {verhalten:url(blur.htc});
-------------------------------------------------- ---------
Viertens verwenden Sie den CSS-Stil und fügen Sie Code hinzu:
-------------------------------------------------- ----------
a {blr:expression(this.onFocus=this.blur())}
-------------------------------------------------- ----------
Auf diese Weise haben alle Artikel auf der Website keine gepunkteten Linien.