Je veux que les cases à cocher HTML disposent d'un certain ensemble de style CSS uniquement lorsqu'il est sélectionné. Par exemple. Changer de couleur ou modifier le poids du texte, etc. Je suis confus que je devrais utiliser une fonction ou s'il existe une méthode existante que je pourrais utiliser.
J'ai suivi ces questions:
6 Réponses :
Vous n'avez besoin d'aucune fonction pour cela, vous pouvez le faire avec une bonne compréhension de CSS sélecteurs
Vous pouvez essayer: et définir votre zone de texte comme ici est un exemple
oui, mais ce n'est pas la bonne façon de poser une question que vous feriez d'abord, c'est d'essayer d'essayer comme @Danstars a dit
puis recherchez quel problème vous avez fait face, il y a beaucoup de réponses à cette question, comme l'on l'a mentionnée par @Tylerh ci-dessus
ouais je comprends mais comme je l'ai dit que je suis nouveau à empiler débordement, je ne le répéterais plus
Vous pouvez contrôler le style des cases à cocher ou d'autres entrées en fonction de leur état actuel via les sélecteurs CSS tels que ceci:
input[type='checkbox'] {background-color:red;}
input[type='checkbox']:checked {background-color:blue;}
En JavaScript, utilisez une fonction que vous appeleriez la méthode OnClick sur.
Exemple: Voici un jsfiddle de travail pour vous montrer cet exemple: https://jsfiddle.net/z4gr8wn5/ Cela devrait vous donner une idée de base de la façon dont vous devriez aller de l'avant avec déterminer ce que vous devez découvrir.
Si vous envisagez de modifier un style de case à cocher lorsque l'utilisateur clique sur ce dernier, cela vous aidera à sortir https://www.w3schools.com/howto/tryit.asp?filename=tryHow_css_custom_checkbox
Utilisation du code> coché code> CSS pseudo-classe Vous pourrez modifier le style d'élément sans utiliser JavaScript.
Vous pouvez en savoir plus sur p>
<input type="checkbox" name="my-checkbox" id="example">
<label for="example">Check me!</label>
Il se peut que vous souhaitiez basculer une classe, et voici un exemple si tel est le cas.
<div onClick='myFn(this);'>
example3
</div>
<script>
function myFn(that) {
that.style.color = "blue";
that.innerHTML = 'You clicked me!';
}
</script>
Vous n'avez pas décrit un problème à votre guise que le manque de beauté. Veuillez réviser pour le rendre plus clair ce qui ne fonctionne pas comme prévu.
Pouvez-vous fournir un exemple de code?
Liée, éventuellement une DUPE Stackoverflow.com/questions/13630229/... (je suis hors du guichet automatique de CVS)
Pourquoi ne pas essayer, montrez-nous alors nous pouvons vous aider de là
Je ne vous demande pas de déboguer du code @blake, ce que je demande est un moyen de coder