Css button bei klick speichern?
ich will mit einem klick mein Button durchstreichen, das funktioniert auch mit
button:focus{
text-decoration: line-through;
}
doch wenn ich dann einen anderen Button drücke welcher die gleiche CSS klasse hat wird es bei dem einem Button entfernt und beim anderen hinzugefügt. Dass heißt ich kann es nur auf einem button gleichzeitig anwenden. Wie kann ich es auf allen gleichzeitig haben?
2 Antworten
Hier bitteschön :)
<html>
<head>
<style>
#button {width: 100px; height: 30px; padding: 20px; border-radius: 10px; border: solid 1px purple; background-color: pink;}
.durchgestrichen {text-decoration: line-through;}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
var b=0;
$('#button').click(function(){
if(b==0){
$('#button').addClass('durchgestrichen');
b=1;
} else {
$('#button').removeClass('durchgestrichen');
b=0;
}
});
});
</script>
</head>
<body>
<h1>Klick den Knopf da drunter:</h1>
<div id="button">
Klick Mich
</div>
</body>
</html>
Wenn mich nicht alles täuscht, dann macht man das mit Javascript/Jquery, nicht mit CSS. Ich weiß gar nicht was dieses :focus sein soll tbh.
#button.click (function blabla){
#button.addClass (durchgestrichenmarkieren);
}
ka ob du das meinst ¯\_(ツ)_/¯
ich drücke auf den Button und der button wird durchgestrichen, doch wenn ich auf einen anderen Button drücke, dann switcht der css style sozusagen auf den anderen Button. Also kann der css style nur von einem Button angenommen werden
Ist es nicht aber man kann sich doch bedanken wenn jemand sich bemüht einer Fremden person so gut wie möglich zu helfen
Weil es hier auch manchmal sehr undankbare User gibt, wo man es im nachhinein lieber gelassen hätte, das teste ich vorher
danke :)