Come disattivare Contorni in CSS

January 7

Come disattivare Contorni in CSS


Delinea apparire intorno link e, talvolta, i controlli Flash. Non tutti i browser li aggiungono automaticamente, ma alcuni, come Firefox 3 fanno aggiungere contorni. Dal momento contorni non sempre corrispondono ai suoi disegni Web, a volte si desidera rimuoverli. Tenete a mente che delinea non fornire una guida visiva per gli utenti cliccando sul link, quindi si consiglia di aggiungere di nuovo un nuovo stile di contorno per fini di usabilità. È possibile utilizzare Cascading Style Sheet, o CSS, codice per rimuovere i contorni.

istruzione

1 Aprire il file di foglio di stile esterno - questi file terminano con l'estensione .CSS - e scorrere fino al fondo del codice. Se il vostro sito non utilizza un foglio di stile esterno, cercare i tag <style> tra i tag <head> e aggiungerli se non si trova qualcuno.

2 Scrivere il seguente codice nel file esterno o tra i tag <style> tag nel file HTML:

un {outline: 0;}

Quanto sopra proprietà "contorno" controlla i contorni browser visualizzano intorno collegamenti. Aggiungere "oggetto" e "embed" per il vostro selettore per rimuovere i contorni di flash così:

un oggetto, incorporare {outline: 0;}

3 Creare un nuovo stile per l'hover, attivo e mettere a fuoco gli stati di collegamenti per renderli più fruibili. Sostituire "contorno" con un bordo, per esempio.

a: hover, a: active, una: focus {border: 1px giallo solido;}

Il codice di cui sopra aggiunge un pixel di larghezza solido bordo, giallo attorno collegamenti ogni volta che un utente passa, clic o schede per loro. Rimuovi "a: hover" per aggiungere solo il bordo quando un utente fa clic o le schede, se si desidera, per mantenere il confine di apparire su un link è passato il mouse.

Consigli e avvertenze

  • Eseguire il backup dei file HTML e CSS prima di modificarli.