在警报框中设置“确定”按钮的样式
在 Javascript 中，alert() 函数显示包含消息的模式警报框和一个“确定”按钮。虽然警报框的整体外观由系统设置决定，但它不直接受 CSS 自定义影响。
自定义警报框功能
修改样式“确定”按钮，考虑创建一个 HTML 元素来复制alert() 的功能。例如，使用 jQuery UI 的对话框功能提供了近似值：
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>在此示例中，我们创建了一个对话框标题为“自定义警报”的框。您现在可以使用 CSS 自定义其外观，包括“确定”按钮。
注意： jQuery UI 对话框需要额外的代码来实现alert() 的功能，例如显示单击按钮时显示消息并关闭对话框。
以上是如何在 Javascript 警报框中设置'确定”按钮的样式？的详细内容。更多信息请关注PHP中文网其他相关文章！
