Wie kann ich das Erscheinungsbild der Alertbox-Schaltflächen anpassen?-js-Tutorial-php.cn

Wie kann ich das Erscheinungsbild der Alertbox-Schaltflächen anpassen?

Susan Sarandon

Freigeben： 2024-12-09 09:17:07

Original

710 Leute haben es durchsucht

How Can I Customize the Appearance of Alert Box Buttons?

Ändern des Erscheinungsbilds von Warnfeldelementen

Das Ändern des Aussehens der Schaltfläche „OK“ in einem Warnfeld ist aufgrund des inhärenten Systems mit einem herkömmlichen Ansatz nicht möglich Funktionalität. Erwägen Sie für eine größere Anpassung die Verwendung eines HTML-Elements, um das Verhalten der Warnbox zu reproduzieren.

Verwenden eines jQuery-UI-Dialogs für verbessertes Styling

Die jQuery-UI-Dialogkomponente bietet mehr umfassende Lösung durch Nachahmung der Funktionalität der Warnbox in einem HTML-Element. Dadurch können Sie CSS nutzen, um das Erscheinungsbild von Schaltflächenelementen wie gewünscht zu manipulieren:

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

Nach dem Login kopieren

Mit diesem Ansatz können Sie das Erscheinungsbild der Schaltflächenelemente ändern, indem Sie CSS auf die entsprechenden Selektoren im Dialog anwenden.

Das obige ist der detaillierte Inhalt vonWie kann ich das Erscheinungsbild der Alertbox-Schaltflächen anpassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!