Slik deaktiverer Outlines i CSS

Slik deaktiverer Outlines i CSS


Skisserer vises rundt lenker og noen ganger Flash kontroller. Ikke alle nettlesere legge dem automatisk, men noen liker Firefox 3 legger til skisserer. Siden skisserer ikke alltid samsvarer med Web-design, vil du noen ganger ønske å fjerne dem. Husk at skisserer oppgir en visuell guide til brukere som klikker på linker, så det kan være lurt å legge tilbake en ny skisse stil for brukervennlighet formål. Du kan bruke Cascading Style Sheet, eller CSS, kode for å fjerne skisserer.

Bruksanvisning

1 Åpne din eksternt stilark fil - disse filene ende med CSS forlengelse - og bla ned til bunnen av koden. Hvis ditt nettsted ikke bruker et eksternt stilark, se etter <style> kodene mellom <head> tags og legge dem hvis du ikke finner noe.

2 Skriv inn følgende kode i den eksterne filen eller mellom <style> -kodene i HTML-filen:

et {disposisjon: 0;}

Ovennevnte "omriss" eiendom styrer konturene lesere vise rundt lenker. Legg til "objekt" og "embed" til velgeren for å fjerne skisserer fra Flash også:

en, objekt, embed {disposisjon: 0;}

3 Lag en ny stil for hover, aktiv og fokus statene linker for å gjøre dem mer brukbare. Erstatt "omriss" med en ramme, for eksempel.

a: hover, en: aktiv, en: fokus {border: 1px solid gul;}

Koden ovenfor legger en one-piksel bred, solid gul ramme rundt lenker når en bruker svever, klikk eller faner for dem. Fjern "a: hover" for å bare legge grensen når en bruker klikker eller kategorier, hvis du vil, for å holde grensen fra å vises på en svevde link.

Hint

  • Sikkerhetskopiere HTML og CSS-filer før du redigerer dem.