sanita - css text color




Come posso rimuovere il contorno attorno alle immagini dei collegamenti ipertestuali? (11)

Quando utilizziamo la sostituzione del testo con i CSS e restituiamo un rientro del test negativo, ad es. text-indent:-9999px . Quindi, quando clicchiamo su quel collegamento, la linea tratteggiata appare come nell'immagine di esempio qui sotto. Qual è la soluzione per questo?


C'è lo stesso effetto bordo in Firefox e Internet Explorer (IE) , diventa visibile quando si fa clic su un collegamento.

Questo codice risolverà solo IE:

a:active { outline: none; }.

E questo risolverà sia Firefox che IE :

:active, :focus { outline: none; -moz-outline-style: none; }

L'ultimo codice dovrebbe essere aggiunto nel tuo foglio di stile, se desideri rimuovere i bordi del link dal tuo sito.



Puoi mettere overflow:hidden sulla proprietà con il rientro del testo, e quella linea tratteggiata, che si estende fuori dalla pagina, scomparirà.

Ho visto un paio di post su come rimuovere i contorni tutti insieme. Fai attenzione quando lo fai, perché potresti ridurre l'accessibilità del sito.

a:active { outline: none; }

Personalmente utilizzerei solo questo attributo, come se l'attributo :hover avesse le stesse proprietà CSS che impedirà la visualizzazione dei contorni per le persone che utilizzano la tastiera per la navigazione.

Spero che questo risolva il tuo problema.


Puoi usare la proprietà CSS "outline" e il valore di "none" sull'elemento anchor.

a {
outline: none;
}

Spero possa aiutare.


Questo è l'ultimo che funziona su Google Chrome

:link:focus, :visited:focus {outline: none;}

Questo funziona perfettamente per me

a img {border:none;}


Scommetto che la maggior parte degli utenti non è il tipo di utente che usa la tastiera come controllo di navigazione. È quindi accettabile infastidire la maggior parte dei tuoi utenti per un piccolo gruppo che preferisce utilizzare la navigazione da tastiera? Risposta breve: dipende da chi sono i tuoi utenti.

Inoltre, non vedo questa esperienza allo stesso modo in Firefox e Safari. Quindi questo argomento sembra essere principalmente per IE. Tutto dipende molto dalla tua base di utenti e dal loro livello di conoscenza - come usano il sito.

Se vuoi veramente sapere dove sei e sei un utente di tastiera, puoi sempre guardare la barra di stato mentre passi attraverso il sito.


Spero che questo sia utile per alcuni di voi, può essere usato per rimuovere il contorno da collegamenti, immagini e flash e da MSIE 9:

    a, a:hover, a:active, a:focus, a img, object, embed {
    outline: none;
    ie-dummy: expression(this.hideFocus=true); /* MSIE - Microsoft Internet Explorer 9 remove outline */
    }

Il codice sottostante è in grado di nascondere il bordo dell'immagine:

    img {
    border: 0;
    }

Se vuoi supportare Firefox 3.6.8 ma non Firefox 4 ... Cliccando su un tipo di input = l'immagine può produrre anche un contorno tratteggiato, per rimuoverlo nelle vecchie versioni di firefox il seguente farà il trucco:

   input::-moz-focus-inner { 
   border: 0; 
   }

IE 9 non consente in alcuni casi di rimuovere il contorno tratteggiato attorno ai collegamenti, a meno che non includa questo meta tag tra e nelle tue pagine:

     <meta http-equiv="X-UA-Compatible" content="IE=9" />

Usa questo per HTML 4.01

<img src="image.gif" border="0">


al fine di rimuovere il link href a trama punteggiata puoi scrivere nel tuo file css:

a {
   outline: 0;
}

-moz-user-focus: ignore; nei browser basati su Gecko (potrebbe essere necessario! importante, a seconda di come viene applicato)





css