2011-01-23 13 views
110

Ho bisogno della sua rappresentazione del codice, come #FFFFFF.Qual è il colore di collegamento HTML/CSS predefinito?

+3

In quale browser? (Non esiste uno "standard" definito). –

+5

La domanda può essere interpretata come relativa sia alla pratica effettiva del browser sia alle raccomandazioni. Soprattutto ora che HTML5 sta per standardizzare i colori (come "rendering previsto"), la domanda è on-topic e dovrebbe essere riaperta. Nota che la risposta con più voti * non * corrisponde alla pratica corrente e HTML5 CR. –

+0

@Jukka K. Korpela - Nota anche che "la risposta con il maggior numero di voti" è un bersaglio mobile. Ben intenzionato, ma si prega di fare riferimento a una risposta specifica. – Nicolas

risposta

143

A partire da HTML5, i colori di primo piano dei collegamenti ipertestuali, tra le altre cose, sono sulla buona strada per la standardizzazione sotto forma di guidelines for expected default rendering behavior. In particolare, presi dalla sezione Phrasing content, i colori predefiniti consigliati per non visitati e visitati i collegamenti ipertestuali sono i seguenti:

:link { color: #0000EE; } 
:visited { color: #551A8B; } 

Si noti che non v'è alcun valore predefinito consigliato per collegamenti ipertestuali attivi (:link:active, :visited:active), tuttavia.

È possibile utilizzare questi colori predefiniti e ragionevolmente aspettarsi che funzionino. Ma tieni presente che un browser è libero di ignorare alcune o tutte queste linee guida, poiché non è mai necessario il per seguirle. È, tuttavia, consigliato per un'esperienza utente coerente attraverso i browser (che è il modo in cui "previsto" è definito in questo contesto), quindi è che questi colori corrisponderanno ai valori predefiniti per la maggior parte dei browser. Nel peggiore dei casi, continuano a essere uguali come approssimazioni dei valori effettivi.

In particolare, il default non visitati e visitati colori dei link nelle ultime versioni di Firefox e Chrome sono coerenti con le linee guida di cui sopra, ma recenti versioni di IE riportano valori diversi: i collegamenti non visitati sono rgb(0, 102, 204), o #0066CC e link visitati sono rgb(128, 0, 128) o #800080. Versioni precedenti di Firefox (e possibilmente Safari/Chrome) avevano anche diversi valori di default. Quelle sono versioni precedenti, comunque; il principale outlier oggi di cui sono a conoscenza è IE. Non si sa ancora se questo cambierà in Project Spartan - attualmente riflette ancora gli stessi valori dell'ultima versione di IE.

Se stai cercando uno schema di colori standardizzato che sia utilizzato da da tutti i browser piuttosto che suggerito da HTML5, non ce n'è uno. Non esiste un modo per ripristinare il valore predefinito di un browser per una particolare proprietà su un particolare elemento utilizzando puro CSS. Dovrai utilizzare i colori suggeriti da HTML5, o ideare la tua combinazione di colori e usarla. Entrambe queste opzioni avranno la precedenza sulle impostazioni predefinite del browser, indipendentemente dal browser.

In caso di dubbio, è sempre possibile utilizzare la tecnica about:blank descritta in precedenza per annusare i colori predefiniti, poiché rimane applicabile oggi. Puoi usarlo per annusare il colore del link attivo in tutti i browser, ad esempio; nell'ultima versione di Firefox (29 a partire da questo aggiornamento), è rgb(238, 0, 0) o #EE0000.

+0

Grazie, ma c'è un codice medio per Mozilla, Safari, cioè Chrome? non solo predefinito "blu"? Ho bisogno di tutti gli stili di collegamenti (visitati, al passaggio del mouse) in stile predefinito .. – Bill

1

Dipende interamente dal sito Web che si sta visitando, e in assenza di una sovrascrittura sul sito Web, sul browser. Non c'è uno standard per quello.

84
  • collegamento di serie - # 0000FF // blu
  • link visitato - # 800080 // viola
  • attiva collegamento - # FF0000 // rosso

che era una standard, ma molto diverso per browser ora. (dal momento che Nielsen ha rinunciato;)

+6

Grazie mille. 2 anni dopo, questa era la risposta esatta che stavo cercando. – Thumbz

+11

Non sono sicuro del motivo per cui 66 persone hanno appena preso la parola di questa risposta. Anche se i valori provenivano da uno standard, per il quale questa risposta non fornisce alcuna fonte, questo standard sarebbe stato a lungo obsoleto comunque come implica questa risposta, e il suo utilizzo in un nuovo codice sarebbe privo di significato. – BoltClock

+0

@stom: sembra che dovrebbe essere una risposta separata. Anche se intendevi che fosse un link sorgente, non è una fonte valida dato che nessuno dei tre valori qui visualizzati è presente. – BoltClock

4

Secondo lo official default HTML stylesheet, non esiste un colore di collegamento predefinito definito.Tuttavia, puoi scoprire il tuo browser predefinito usando uno screenshot e usando lo strumento pipette in qualsiasi editor grafico decente o usando gli strumenti di sviluppo del tuo browser (seleziona un elemento a, cerca computed values>color).

0

Il modo migliore per ottenere lo stile predefinito di un browser su qualcosa è di non modificare l'elemento in alcun modo.

+3

Il problema è che a volte lo stile proviene da una libreria. Abbiamo appena notato che il foglio di stile predefinito di jQuery UI contiene '.ui-widget-content a {color: black; } ', quindi tutti i collegamenti nelle schede perdono la loro colorazione normale. Mi piacerebbe scavalcare questo e ottenere solo i colori predefiniti del browser (o il foglio di stile personale dell'utente), ma invece dovrò codificare i colori specifici. – Barmar

+2

Un altro momento in cui potresti voler conoscere i valori RGB è se vuoi includere elementi grafici che corrispondono al colore dei link – marcelnijman

14

I colori di default di Gecko, supponendo che l'utente non ha cambiato le loro preferenze, sono:

  • collegamento di serie: #0000EE (blu)
  • link visitato: #551A8B (viola)
  • collegamento attivo : #EE0000 (rosso)

Source

Gecko fornisce anche i nomi per i colori dell'utente; sono -moz-hyperlinktext-moz-visitedhyperlinktext e -moz-activehyperlinktext e forniscono anche -moz-nativehyperlinktext che è il colore del collegamento di sistema.

0

In CSS è possibile utilizzare la stringa di colore currentColor all'interno di un link per esempio, fare il confine dello stesso colore come il colore collegamento predefinito:

.example { 
    border: 1px solid currentColor; 
} 
0

sono abituato al colore di Chrome modo che il colore blu in Chrome per il link è #007bff

0

predefinito codice HTML del colore in questo modo:

Red  #FF0000 rgb(255, 0, 0) 
Maroon #800000 rgb(128, 0, 0) 
Yellow #FFFF00 rgb(255, 255, 0) 
Olive #808000 rgb(128, 128, 0) 
Blue  #0000FF rgb(0, 0, 255) 
Navy  #000080 rgb(0, 0, 128) 
Fuchsia #FF00FF rgb(255, 0, 255) 
Purple #800080 rgb(128, 0, 128) 
Problemi correlati