JeuWeb - Crée ton jeu par navigateur
Cacher un bouton en CSS - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Cacher un bouton en CSS (/showthread.php?tid=7648)

Cacher un bouton en CSS - didawin - 19-05-2016

Bonjour à tous,

Je viens aujourd'hui vous demander de l'aide afin de cacher un bouton uniquement en HTML/CSS (si possible).
Je connaît la réponse en JS mais je souhaite mettre le moins possible de JS (si le joueur n'as pas JS, la fonctionnalité serait KO.)
J'ai dans mon projet, effectué cette tâche sur un bouton radio, le bouton submit est caché, dès que le joueur sélectionne un bouton radio, je rend le bouton submit visible :

Code :
input[type="radio"]:checked+label img{ background-color:red; }
 

Maintenant je souhaite faire la même chose sur un input de type select options :

[Image: Combat1.JPG][Image: Combat2.JPG]

J'aimerais maintenant que le bouton 'utiliser' ne s'affiche que si une selection soit faite dans la liste.
Est ce possible en HTML/CSS ? J'ai rechercher sur la même méthode : input[type]: mais je n'ai rien trouvé :/

RE: Cacher un bouton en CSS - Xenos - 19-05-2016

Salut,

j'aurai dit d'essayer la pseudo-classe ":valid" (qui nécessitera peut-être de rendre le <select/> required via <select required="required"/>) mais j'ai un doute sur son application à un <select>. A tenter.

Tenté! En fait, :valid semble parfaitement applicable à un <select/>.


PS: Et vu que Niahoo le souligne (je vais quand même lire le texte des screens!) Défense (et non Defence)

RE: Cacher un bouton en CSS - niahoo - 20-05-2016

Pour info l'infinitif du verbe Fuir ne prend pas de "e".