Styliser le bouton "OK" dans une boîte d'alerte
En Javascript, la fonction alert() affiche une boîte d'alerte modale contenant un message et un bouton "OK". Bien que l'apparence générale de la boîte d'alerte soit déterminée par les paramètres du système, elle n'est pas directement soumise à la personnalisation CSS.
Personnalisation de la fonctionnalité de la boîte d'alerte
Pour modifier le style de le bouton "OK", pensez à créer un élément HTML pour répliquer la fonctionnalité d'alert(). Par exemple, l'utilisation de la fonctionnalité Dialog de jQuery UI offre une approximation proche :
Exemple avec la boîte de dialogue jQuery UI :
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function() {
$("#dialog").dialog();
});
</script>
</head>
<body>
<div>Dans cet exemple, nous avons créé une boîte de dialogue boîte avec le titre « Alerte personnalisée ». Vous pouvez désormais utiliser CSS pour personnaliser son apparence, y compris le bouton "OK".
Remarque : La boîte de dialogue jQuery UI nécessite du code supplémentaire pour implémenter la fonctionnalité d'alerte(), comme l'affichage le message et la fermeture de la boîte de dialogue lorsque vous cliquez sur le bouton.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outil d'expression régulière
Comment modifier le nom d'un fichier sous Linux
Méthode de saisie de référence absolue
Introduction aux caractéristiques de l'espace virtuel
Le rôle du mode Ne pas déranger d'Apple
Comment résoudre le problème selon lequel TeamViewer ne peut pas se connecter
barre de défilement div
Utilisation de la fonction isalpha
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
