在警報框中設定「確定」按鈕的樣式
在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中文網其他相關文章！
