Comment puis-je personnaliser l'apparence des boutons de la boîte d'alerte ?-js tutoriel-php.cn

Comment puis-je personnaliser l'apparence des boutons de la boîte d'alerte ?

Susan Sarandon

Libérer： 2024-12-09 09:17:07

original

762 Les gens l'ont consulté

How Can I Customize the Appearance of Alert Box Buttons?

Modifier l'apparence des éléments de la boîte d'alerte

Modifier l'apparence du bouton "OK" dans une boîte d'alerte n'est pas réalisable avec une approche conventionnelle en raison de son système inhérent fonctionnalité. Pour une plus grande personnalisation, envisagez d'utiliser un élément HTML pour reproduire le comportement de la boîte d'alerte.

Utilisation d'un dialogue jQuery UI pour un style amélioré

Le composant jQuery UI Dialogue offre une fonctionnalité plus solution complète en imitant la fonctionnalité de la boîte d'alerte dans un élément HTML. Cela vous permet d'exploiter CSS pour manipuler l'apparence des éléments de bouton comme vous le souhaitez :

<!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>

Copier après la connexion

Avec cette approche, vous pouvez modifier l'apparence des éléments de bouton en appliquant CSS aux sélecteurs appropriés dans la boîte de dialogue.

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!