[dobrio]

Ciao a tutti, mi sono imbattuto nel costruire dei bottoni con i css e le immagine in un effetto che secondo me non è il massimo dell'esteticità.
Cliccando sul buttone compare un bordo tratteggiato che se cliccato cambia anche colore.
Ho analizzato altri siti, in alcuni compare questo effetto in altri è totalmente assente (c'è anche su questo sito cliccando sui bottoni del menu).
A cosa è dovuto? Come si può eliminare?

[nicolas]

Ciao, non hai magari un link per capire meglio di cosa si tratta?
Potrebbe essere il border o outline..

[nando]

Credo ti riferisca all'outline, un bordo tratteggiato (visibile al click del mouse) attorno ad un collegamento ipertestuale. Questo serve per dare un'indicazione visiva a tutti quegli utenti che per qualche motivo si trovano a navigare il sito senza l'utilizzo del mouse. I tasti TAB e SHIFT + TAB permettono di spostarsi avanti e indietro tra i vari elementi.

E' possibile eliminarlo del tutto agendo tramite css mediante l'utilizzo della proprietà outline appunto:

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1.  a {outline:none;}

Però in questo modo si rende il sito inaccessibile in quanto diventa difficoltoso navigare correttamente il sito senza l'utilizzo di un mouse e senza più riferimenti visivi.

Una soluzione potrebbe essere quella di eliminare l'outline solo per lo stato active dei link (che corrisponde al click sul link) mediante l'utilizzo delle pseudoclassi, in questo modo:

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. a:active {outline:none;}

così facendo dovresti eliminare quell'antiestetico bordo tratteggiato che viene visualizzato al click del mouse sui vari collegamenti ipertestuali.

[dobrio]

grazie mille !!!

[Manuela]

Credo ti riferisca all'outline, un bordo tratteggiato (visibile al click del mouse) attorno ad un collegamento ipertestuale. Questo serve per dare un'indicazione visiva a tutti quegli utenti che per qualche motivo si trovano a navigare il sito senza l'utilizzo del mouse. I tasti TAB e SHIFT + TAB permettono di spostarsi avanti e indietro tra i vari elementi.

E' possibile eliminarlo del tutto agendo tramite css mediante l'utilizzo della proprietà outline appunto:

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1.  a {outline:none;}

Però in questo modo si rende il sito inaccessibile in quanto diventa difficoltoso navigare correttamente il sito senza l'utilizzo di un mouse e senza più riferimenti visivi.

Una soluzione potrebbe essere quella di eliminare l'outline solo per lo stato active dei link (che corrisponde al click sul link) mediante l'utilizzo delle pseudoclassi, in questo modo:

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. a:active {outline:none;}

così facendo dovresti eliminare quell'antiestetico bordo tratteggiato che viene visualizzato al click del mouse sui vari collegamenti ipertestuali.

Ciao Nando,
e quando il bottone in questione appartiene ad un form? Ho inserito la regola da te descritta in tutte le salse, ma il bordo malefico non sparisce

[nando]

ciao manuela, prova a riportare il codice utilizzato per generare il bottone o farcelo vedere in azione su una pagina web.