Come sbarazzarsi di Box Lineamenti nei collegamenti del testo con i CSS

April 25

Quando un link di testo diventa attivo, il browser mostra un profilo tratteggiato attorno all'elemento di default. Questo bordo fornisce il supporto per le persone non vedenti o per coloro che non hanno la possibilità di utilizzare un mouse, ma se assolutamente necessario, è possibile sbarazzarsi di questo schema utilizzando fogli di stile CSS. CSS consente di creare una regola che nasconde automaticamente tutti i contorni che circondano i collegamenti della pagina Web. Utilizzare il software editor di testo del computer per applicare il CSS.

istruzione

1 Avviare il software editor di testo e aprire il documento pagina Web che contiene i collegamenti che si desidera modificare.

2 Posizionare il cursore prima del </ head> fine e immettere il seguente codice CSS:
<Style type = "text / css">
un {}
</ Style>

La "a" regola di ancoraggio crea uno stile che colpisce tutti i collegamenti all'interno del documento.

3 Enter "contorno: none;" all'interno delle parentesi graffe della regola di ancoraggio. Questo attributo indica a tutti i browser per sbarazzarsi dei contorni intorno ai vostri link di testo. La vostra completa CSS ora assomiglia a questo:
<Style type = "text / css">
un {outline: none; }
</ Style>

4 Salvare il file e l'anteprima nel browser Web per verificare i collegamenti di testo.

Consigli e avvertenze

  • Se si rimuove il contorno collegamento, valutare la possibilità di un'altra soluzione per i collegamenti attivati ​​per rendere il sito più accessibile a persone con disabilità. alternative più comuni includono fornendo un colore di sfondo a contrasto o rendere il testo un carattere più grande.