51 Stimmen

Wie kann man die automatische Einfärbung von Links deaktivieren, ohne eine Farbe auszuwählen?

Dies ist wirklich verwirrend, ich will nicht, dass der Browser die Farbe der Links ändert, so dass die Links Farbe gleich bleiben, wie in angegeben <font> . ich weiß, dass ich eine Farbe mit der Eigenschaft angeben kann A:link aber das ist nicht das, was ich will.

感謝

121voto

simaofreitas Punkte 1225

Wenn Sie keine Färbung wünschen, machen Sie einfach so weiter:

a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
 }

2voto

Vance C. Punkte 21

Falls es jemanden interessiert, das habe ich mit Schaltflächen gemacht, die ich aus den Links erstellt habe. Wahrscheinlich muss man auf die Vererbung achten, aber in meinem Fall hat es perfekt funktioniert. Viel Glück!

HTML:

<a class="button blue" href="http://stackoverflow.com/">Place Your Order Today</a>

CSS:

a.button:visited
{
 color:inherit;
}
.button
{
 padding: 6px 8px;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 margin-right: 10px;
 border-radius: 6px;
}
.blue
{
 border: 1px solid #2d748c;
 background-color: #40b5dc;
}

1voto

ЯegDwight Punkte 24245

Geben Sie die gleiche Farbe für a:visited und vielleicht auch a:hover y a:active oder setzen Sie die Farbe einfach inline wie folgt:

<a href="url" style="color:#69c">link text</a>

<font> ist ohnehin veraltet.

-2voto

jpsimons Punkte 25636

Ich bin mir ziemlich sicher, dass es keine Möglichkeit gibt, das zu tun, was du beschreibst. Aber wenn Sie möchten, dass die Farbe des Links mit der Farbe des Textes übereinstimmt, würde ich dies empfehlen...

Die Farbe des Textes kommt von irgendwoher. Wahrscheinlich eine CSS-Definition. Untersuchen Sie den Text in Firebug, um zu sehen, wo genau die angewandte Farbe definiert wurde. Vielleicht verweist er Sie zum Beispiel auf eine Regel wie diese:

body { color:#666; }

Fügen Sie einfach Ihr A-Tag genau dort ein, also etwa so. Ich weiß, es ist redundant, aber ich glaube wirklich nicht, dass CSS eine Möglichkeit hat, zu sagen "erben von einer Ebene höher in der Kaskade als Sie normalerweise würde.

body, a { color:#666; }

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X