CSS-Pseudo-Klassen: Hover und: aktiv funktioniert nicht

Also wollte ich versuchen, ein Spiel zu machen, aber ich stieß sofort auf ein CSS-Problem. Wie Sie an der Frage erkennen können, funktionieren die Pseudo-Klassen, die ich verwenden möchte, nicht. Wenn Sie meinen Code sehen wollen, ist es hier richtig.CSS-Pseudo-Klassen: Hover und: aktiv funktioniert nicht

Fiddle

CSS

#button { 
    width: 200px; 
    height: 100px; 
    border-radius: 20px; 
    background-color: orange; 
    cursor: pointer; 
    margin: auto; 
    margin-top: 250px; 
    border: 1px solid black; 
    text-align: center; 
    font-size: 1.3em; 
    color: blue; 
}; 

#button:hover { 
    border: 3px solid black; 
}; 

#button:active { 
    border: 2px solid black; 
};

HTML

<body> 
    <div id="button"> 
     <p> 
      Click here to get some money! 
     </p> 
    </div> 
</body>

Im Grunde alles, was ich bin versucht, die Grenze zu tun ist, zu erweitern und zusammenziehen, wenn der Benutzer auf dem div klickt so dass es eher so aussieht, als würden sie einen echten Knopf drücken.

Quelle

2017-03-24 AstroSloth

gibt es Syntaxfehler in Ihrem CSS. remove'; 'nach Klammer –

http://csslint.net/ –

Danke für den Link, ich werde dafür sorgen, dass von jetzt an zu verwenden :) – AstroSloth

Entfernen Sie unnötige Semikolons ;

#button { 
 
    width: 200px; 
 
    height: 100px; 
 
    border-radius: 20px; 
 
    background-color: orange; 
 
    cursor: pointer; 
 
    margin: auto; 
 
    margin-top: 250px; 
 
    border: 1px solid black; 
 
    text-align: center; 
 
    font-size: 1.3em; 
 
    color: blue; 
 
} 
 

 
#button:hover { 
 
    border: 3px solid black; 
 
} 
 

 
#button:active { 
 
    border: 2px solid black; 
 
}

<div id="button"> 
 
    <p> 
 
    Click here to get some money! 
 
    </p> 
 
</div>

Quelle

2017-03-24 05:31:45

Vielen Dank für Ihre Hilfe. Ich bin jetzt etwas peinlich – AstroSloth

Ja, ich habe versucht, aus irgendeinem Grund, es verzögert mich, aber ich werde dafür sorgen, es zu tun, wenn es mich lässt – AstroSloth

CSS-Pseudo-Klassen: Hover und: aktiv funktioniert nicht

Antwort

Verwandte Themen