Ich habe eine CSS-Basis, die diese definiert:Deaktivieren a: Fokus und a: aktive Farbe?
a:hover, a:focus {
color: black;
}
Ich möchte einen bestimmten Link haben, überschreibt und den Fokus nicht auslösen, aber immer noch auslöst schweben.
Wie kann ich etwas tun, um die Farbeinstellung zu überschreiben?
Ich habe versucht, Farbe: transparent ohne Erfolg, Fokus löst immer noch aus.
Ich denke, Sie könnten so brauchen. Dies erbt die Farbe von Eltern.
a:focus {
color: inherit !important;
}
Bitte wenden Sie diese CSS.
a:hover { text-decoration: none !important; color :none; border: 0px; -moz-outline-style: none;}
a:focus { text-decoration: none !impoartant; outline: none;-moz-outline-style: none;}
Sie sollten initial verwenden, um den Elementstil als Standard festzulegen.
a: Fokus { Farbe: initial! Wichtig; }
Diese
a:hover{
color:green;
}
.class:hover, .class:focus {
color: red;
}<a href="#" class="class">dsadsfdsfsd</a>
<a href="#">dsadsfdsfsd</a>
Versuchen Wenn es eine spezifische Verbindung eine Klasse-Selektor ist und wenden Sie die Farbe, die Sie für .yourselector wollen: schweben und .yourselector: Fokus. – Jorgeblom
Ja, das ist möglich. Aber der Selektor muss anders sein, sonst überschreibt er einfach den vorherigen "a: focus" Selektor. Und der übergeordnete Selektor müsste spezifischer sein (z. B. eine Klasse hinzufügen). Irgendein Code wäre nett. Vielleicht ein JFiddle? – Whothehellisthat
Ich verwende bereits eine bestimmte Klasse, aber weil die Basis CSS mit dem a-Selektor angewendet wird, wird es auch meine Klasse beeinflussen –