web-dev-qa-db-fra.com

Comment styliser la boîte de confirmation par défaut avec seulement CSS?

Je voudrais styliser window.confirm standard sans utiliser de code JavaScript supplémentaire, uniquement avec CSS. Est-ce même possible? Et si c'est le cas, comment puis-je le faire?

30
opportunato

Ce n'est pas possible. Cette fenêtre est affichée par le navigateur à l'aide du kit d'interface utilisateur de la plateforme. Ce n'est pas dans le DOM, pas visible depuis le CSS ou Javascript, il n'y a rien que vous puissiez faire.

Cependant, un code jQuery très simple peut faire l'affaire. Que diriez-vous de $('a').confirm();?

38
solendil

confirm(); les alertes ne peuvent pas être stylisées, elles sont génériques pour le navigateur. Si vous souhaitez styliser une alerte, essayez des alternatives telles que boxy ou boîte de dialogue jQuery .

Ici est un tutoriel sur la façon dont une alerte de confirmation personnalisée peut être créée dans jQuery et stylisée avec CSS.

11
shearnonsense