✔ Property eines Elements eines Styles ändern?

F

FireFlow

Erfahrenes Mitglied
Nach Änderung von Style geht :hover verloren.

Ok habs nun neu verfasst, da ich den Fehler gefunden habe (ihn aber nicht lösen kann):

Minimalbeispiel:
Code: 
<style>
a {
    color: red;
}
a:hover {
    color: yellow;
}
</style>


<a href="javascript:run()" id="a">Text A</a>


<script>
function run() {
    document.getElementById('a').style.color = 'blue';
}
</script>

Das Hover funktioniert, nur wenn man auf den Link klickt wird er blau und bleibt es auch :(
 
Zuletzt bearbeitet:
So recht weiss ich jetzt nicht, welches der gewünschte Effekt sein soll.

Falls du willst, dass der Link eine neue normale Farbe erhält, die Hover-Farbe aber gleich bleibt, probiers mal so:
Code: 
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
a {
    color: red;
}
a:hover {
    color: yellow;
}
.a{
  color:blue
}
-->
</style>
</head>
<body>
<a href="#" onclick="this.className='a'" >Text A</a>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück