Talvez você ache feia a linha pontilhada que aparece quando o foco é clicado, então vamos nos livrar dela!
1. Adicione a instrução onFocus="this.blur()" à tag <a>:
-------------------------------------------------- ----------
<a href="#" onFocus="this.blur()">tente</a>
-------------------------------------------------- ---------
Dois, adicione hidefocus à tag <a>:
-------------------------------------------------- ----------
<a href="###" hidefocus>link</a>
-------------------------------------------------- ---------
Terceiro, se houver muitas conexões, você pode usar arquivos .HTC de link externo.
Por exemplo, o conteúdo do arquivo blur.htc é o seguinte:
-------------------------------------------------- --------
<public:attach event="onfocus" onevent="makeblur()"/>
<linguagem script="javascript">
função makeblur(){
this.blur();
}
</script>
-------------------------------------------------- ----------
Adicione o seguinte código ao CSS:
-------------------------------------------------- ----------
A { comportamento:url(blur.htc });
-------------------------------------------------- ---------
Quarto, use o estilo CSS e adicione o código:
-------------------------------------------------- ----------
uma {blr:expressão(this.onFocus=this.blur())}
-------------------------------------------------- ----------
Desta forma, todos os artigos do site não possuem linhas pontilhadas.