onFocus in .css?

[janyep]

Goedenavond dames en heren,

Als een hyperlink wordt zoals deze:

<A href="#" onFocus="this.blur()">​

dan verschijnen er geen randen meer omheen.

Kan de onFocus op de één of andere manier in de style worden opgenomen?

Met vriendelijke groet,
janyep

 

[Goeroeboeroe]

Als je in de style gewoon opneemt:

a:focus {border: red solid 20px;}

krijg je 'n rode border rondom de link. In plaats van border kun je natuurlijk van alles nemen. Althans: in Firefox en Opera, dus ik neem aan in alle browsers.
De link moet wel inhoud hebben.

<a href="#" onFocus="this.blur()"></a>

zal nooit iets kunnen laten zien.
wel

<a href="#" onFocus="this.blur()">link</a>

 

[janyep]

Sorry, Goeroeboeroe

de bedoeling is dat ik

onFocus="this.blur()​

niet elke keer in de HTML zou moeten herhalen.

Denkt u dat dit toch zou kunnen?

vriendelijke groet,
janyep

 

[Goeroeboeroe]

Ha, leg ik 't precies omgekeerd uit en probeer ik je juist elke keer met 'n rand op te zadelen.
Je kunt in de css opnemen

a:focus {outline: 0;}

Dit voorkomt de rand in Safari, Google Chrome, Firefox en Internet Explorer 8.
In Internet Explorer 6 en 7 (die focus verkeerd afhandelen) is er bij mijn weten geen manier om dit via css te doen.
Opera is ook eigenwijs, die laat ook gewoon de rand staan.
Maar ik zou die rand alleen weghalen als op een of andere manier duidelijk is welke link focus heeft. Veel mensen gebruiken niet de muis om te kllikken, en die weten anders niet welke link wordt geactiveerd als ze op Enter of zo drukken.

 

[janyep]

Geweldig, Goeroeboeroe

dit is wat ik zocht!
Vriendelijk bedankt - janyep