如何更改警报框的样式？

小编典典

如何更改警报框的样式？

css

我需要在警报框中更改“确定”按钮的样式。

<head>

    <script type="text/javascript">

        function show_alert() {

            alert("Hello! I am an alert box!");

        }

    </script>

</head>

<body>

    <input type="button" onclick="show_alert()" value="Show alert box" />

</body>

阅读 280

2020-05-16

共1个答案

小编典典

警报框是系统对象，不受CSS约束。为此，您需要创建一个HTML元素并模仿其alert()功能。jQuery UI
Dialogue为您做了很多工作，基本上就像我描述的那样：Link。

<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>jQuery UI Dialog - Default functionality</title>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

  <link rel="stylesheet" href="/resources/demos/style.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 id="dialog" title="Basic dialog">

  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>

</div>





</body>

</html>

2020-05-16