Immer wenn ich einen Link in ein neues Fenster zu öffnen und zum vorherigen zurückzukehren die Hover-Eigenschaften für ihn bleiben, aber wenn ich die Maus zurück in das Fenster es ändert sich wieder normal. Wie kann ich das ohne Javascript beheben?Link bleibt auf seiner Hover-Eigenschaft, wenn target = "_ blank"
HTML:
<a href="google.com" target="_blank">Google</a>
CSS:
a:link, a:visited, a:active {color: blue;}
a:hover {color: red;}
JSFiddle
Update: Es sieht nicht so aus, als könnte es in Chrome gemacht werden. Auch hinter den Kulissen nicht
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<style>
a:link {color: blue;}
a:hover {color: red; background-color:yellow}
a:active {color: red;}
</style>
</head>
<body>
<input type='text'>Click this: </input>
<a href="http://yahoo.com" target="_blank">yahoo</a>
<script>
$('a').click(function() {
$('input').focus();
});
</script>
</body>
</html>
Update-Fokus auf ein anderes Element Einstellung: Mein Code unten funktioniert nicht in IE oder Chrome. In IE, wenn Sie zurück zum Fenster wechseln, ist der aktive Fokus bereits weg und in Chrome entfernt der Mouseover definitiv den aktiven Fokus. In der Tat, ich denke, der aktive Fokus ist schon weg, wenn das Zielfenster geöffnet wird, nur dass IE sofort neu malt und Chrome später neu malt.
=======================
Bewegen Sie den: aktiv das gleiche wie das sein: Hover:
a:link, a:visited, {color: blue;}
a:hover, a:active {color: red;}
Das sollte in der Situation, die du beschreibst, funktionieren. Wenn Sie jedoch in das Fenster klicken, wird der Link nicht länger das aktive Element sein, so dass auch der Stil verloren geht.
Das schien nicht den Trick zu tun. Was ich vermeiden möchte, ist der Link, der die Hover-Eigenschaft beibehält, nachdem auf sie geklickt wurde. Also gleich nachdem ich auf den Link geklickt habe, möchte ich, dass er zu seinem/ihren ursprünglichen Stil (en) zurückkehrt. –
Es gibt keine Problemumgehung in Chrome? –
Siehe mein Update. Testen Sie dann mit Chrome? Ich vermute, dass Sie ein wenig Javascript benötigen – slolife
Haben Sie dafür irgendeine Lösung gefunden? – Presse