当前位置: 首页 > 面试题库 >

如何更改警报框的样式?

宋子辰
2023-03-14
问题内容

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

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

问题答案:

警报框是系统对象,不受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>


 类似资料:
  • 问题内容: 我需要在 警报 框中更改“确定”按钮的样式。 问题答案: 警报框是系统对象,不受CSS约束。为此,您需要创建一个HTML元素并模仿其功能。jQueryUIDialogue为您做了很多工作,基本上就像我描述的那样:Link。

  • 本文向大家介绍如何使用JavaScript更改警报框中的按钮标签?,包括了如何使用JavaScript更改警报框中的按钮标签?的使用技巧和注意事项,需要的朋友参考一下 使用标准警报框,您无法更改按钮标签。要更改标签,请使用自定义警报框。在这里,警报框的“确定”更改为“谢谢您的通知!” 例如:

  • 我有一个弹出下载音频指令在我的应用程序。我正在尝试做的是,我想改变默认的文本颜色“OK”为蓝色。我试了一些东西,但不起作用。下面是我的代码: 但这种改变并没有反映出,有谁能告诉我,我做错了什么?

  • 我想改变颜色,想要一个更好的设计。。对此可以做些什么

  • 这里是我的创建对话框代码, 是否可以用蓝色而不是红色显示Disclose?

  • 问题内容: 如何更改复选框(输入)边框的样式?我已经戴上了它,但是在FireFox 3.5中,什么都没有发生! 问题答案: 如果 任何 浏览器发生问题,我都会感到惊讶。这是那些出色的表单元素之一,浏览器往往不会让您设置太多样式,并且人们通常尝试替换为javascript,以便他们可以设置样式/代码以使其外观和行为类似复选框。