Was ist die Standardfarbe für HTML / CSS-Links?

161

Ich brauche seine Code-Darstellung, wie #FFFFFF.

html css Rechnung
quelle
4
In welchem ​​Browser? (Es gibt keinen definierten "Standard".)
John Parker
6
Die Frage kann so interpretiert werden, dass sie sich sowohl auf die tatsächliche Browserpraxis als auch auf Empfehlungen bezieht. Gerade jetzt, da HTML5 im Begriff ist, die Farben zu standardisieren (als „erwartetes Rendering“), ist die Frage themenbezogen und sollte erneut geöffnet werden. Beachten Sie, dass die Antwort mit den meisten Stimmen nicht der aktuellen Praxis und HTML5 CR entspricht.
Jukka K. Korpela
1
@Jukka K. Korpela - Beachten Sie auch, dass "die Antwort mit den meisten Stimmen" ein bewegliches Ziel ist. Gut gemeint, aber bitte beziehen Sie sich auf eine bestimmte Antwort.
Nicolas

Antworten:

205

Ab HTML5 sind unter anderem die Vordergrundfarben von Hyperlinks auf dem Weg zur Standardisierung in Form von Richtlinien für das erwartete Standard-Renderverhalten . Aus dem Abschnitt Phrasierungsinhalt stammen insbesondere die empfohlenen Standardfarben für nicht besuchte und besuchte Hyperlinks:

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

Beachten Sie, dass es für aktive Hyperlinks ( :link:active, :visited:active) keine empfohlene Standardeinstellung gibt .

Sie können diese Standardfarben verwenden und vernünftigerweise erwarten , dass sie arbeiten. Aber bedenken Sie, dass ein Browser oder alle dieser Richtlinien zu ignorieren frei ist, wie es nie ist erforderlich , ihnen zu folgen. Es wird jedoch empfohlen , in allen Browsern für einen konsistenten User Experience (das ist wie „erwartet“ wird in diesem Zusammenhang definiert ist ), so stehen die Chancen, dass diese Farben auf die Standardwert für die meisten Browser entsprechen. Im schlimmsten Fall dienen sie immer noch als vernünftige Annäherung an die tatsächlichen Werte.

Insbesondere die Standardfarben für nicht besuchte und besuchte Links in den neuesten Versionen von Firefox und Chrome stimmen mit den oben genannten Richtlinien überein. Neuere Versionen von IE weisen jedoch andere Werte auf: Nicht besuchte Links sind rgb(0, 102, 204)oder #0066CC, und besuchte Links sind rgb(128, 0, 128)oder #800080. Ältere Versionen von Firefox (und möglicherweise Safari / Chrome) hatten ebenfalls unterschiedliche Standardeinstellungen. Dies sind jedoch ältere Versionen; Der wichtigste Ausreißer, den ich heute kenne, ist der IE. Noch kein Wort darüber, ob sich dies in Project Spartan ändern wird - derzeit werden immer noch dieselben Werte wie in der neuesten Version von IE angezeigt.

Wenn Sie nach einem standardisierten Farbschema suchen, das von allen Browsern verwendet wird und nicht von HTML5 vorgeschlagen wird, gibt es keines. Es gibt auch keine Möglichkeit, mit reinem CSS zum Standardwert eines Browsers für eine bestimmte Eigenschaft eines bestimmten Elements zurückzukehren. Sie müssen entweder die von HTML5 vorgeschlagenen Farben verwenden oder ein eigenes Farbschema erstellen und dieses stattdessen verwenden. Jede dieser Optionen hat unabhängig vom Browser Vorrang vor den Standardeinstellungen eines Browsers.

Im Zweifelsfall können Sie immer die about:blankzuvor beschriebene Technik verwenden, um die Standardfarben zu ermitteln, wie sie bis heute gelten. Sie können dies verwenden, um beispielsweise die aktive Linkfarbe in allen Browsern zu erkennen. In der neuesten Version von Firefox (29 ab diesem Update) ist es rgb(238, 0, 0)oder #EE0000.

BoltClock
quelle
Vielen Dank, aber gibt es einen durchschnittlichen Code für Mozilla, Safari, dh Chrom? nicht nur standardmäßig "blau"? Ich brauche alle Link-Stile (besucht, schwebte), um standardmäßig gestylt zu werden ..
Bill
91
  • Standardlink - # 0000FF // blau
  • besuchter Link - # 800080 // lila
  • aktiver Link - # FF0000 // rot

Das war ein Standard, unterscheidet sich aber jetzt stark pro Browser. (da Nielsen es aufgegeben hat;)

Caspar Kleijne
quelle
13
Ich bin mir nicht sicher, warum 66 Leute das Wort dieser Antwort einfach dafür genommen haben. Selbst wenn die Werte von einem Standard stammen würden, für den diese Antwort keinerlei Quellen enthält, wäre dieser Standard ohnehin schon lange veraltet, wie diese Antwort impliziert, und die Verwendung in neuem Code wäre bedeutungslos.
BoltClock
@stom: Das sieht so aus, als ob es stattdessen eine separate Antwort sein sollte. Selbst wenn Sie beabsichtigt haben, dass es sich um einen Quelllink handelt, handelt es sich nicht um eine gültige Quelle, da dort keiner der drei Werte angezeigt wird.
BoltClock
16

Die Standardfarben in Gecko sind: Vorausgesetzt, der Benutzer hat seine Einstellungen nicht geändert:

  • Standardlink: #0000EE(blau)
  • besuchter Link: #551A8B(lila)
  • aktiver Link: #EE0000(rot)

Quelle

Gecko gibt auch Namen für die Farben des Benutzers an. Sie sind -moz-hyperlinktext -moz-visitedhyperlinktextund -moz-activehyperlinktextund sie geben auch an, -moz-nativehyperlinktextwelche Farbe die Systemverbindung hat.

Neil
quelle
4

Laut dem offiziellen Standard-HTML-Stylesheet gibt es keine definierte Standard-Linkfarbe. Sie können jedoch herausfinden, welche Standardeinstellungen Ihr Browser verwendet, indem Sie entweder einen Screenshot machen und das Pipettenwerkzeug in einem anständigen Grafikeditor verwenden oder die Entwicklertools Ihres Browsers verwenden (ein aElement auswählen , suchen computed values>color).

Phihag
quelle
3

Ich bin an die Farbe von Chrome gewöhnt, daher ist die blaue Farbe in Chrome für den Link #007bff

Grandia
quelle
1

Dies hängt ganz von der Website ab, die Sie besuchen, und, sofern die Website nicht überschrieben wird, vom Browser. Dafür gibt es keinen Standard.

Femaref
quelle
1

Für mich in Chrome (aktualisiert im Juni 2018) ist die Farbe für einen nicht besuchten Link # 2779F6. Sie können dies jederzeit erreichen, indem Sie ganz nah heran zoomen, einen Screenshot machen und eine Website wie html-color-codes.info besuchen, die einen Screenshot in einen Farbcode konvertiert.

Russell Pekala
quelle
0

Der beste Weg, um das Standard-Styling eines Browsers für etwas zu erhalten, besteht darin, das Element überhaupt nicht zu formatieren.

jeffszusz
quelle
3
Das Problem ist, dass das Styling manchmal aus einer Bibliothek stammt. Wir haben gerade festgestellt, dass das Standard-Stylesheet von jQuery UI enthält .ui-widget-content a { color: black; }, sodass alle Links in Registerkarten ihre normale Farbe verlieren. Ich möchte das überschreiben und nur die Standardfarben des Browsers (oder das persönliche Stylesheet des Benutzers) abrufen, aber stattdessen muss ich bestimmte Farben hart codieren.
Barmar
2
Ein weiterer Moment, in dem Sie die RGB-Werte wissen möchten, ist, wenn Sie Grafiken
einfügen
0

In CSS können Sie die Farbzeichenfolge currentColorin einem Link verwenden, um z. B. den Rahmen auf dieselbe Farbe wie Ihre Standard-Linkfarbe zu bringen:

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

Standard-HTML-Farbcode wie folgt:

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)
R. Kumar
quelle