如何在 Javascript 警報框中設定「確定」按鈕的樣式？

在警報框中設定「確定」按鈕的樣式

在Javascript 中，alert() 函數顯示包含訊息的模式警報框和一個「確定」按鈕。雖然警報框的整體外觀由系統設定決定，但它不直接受 CSS 自訂影響。

自訂警報框功能

修改樣式「確定」按鈕，考慮建立 HTML 元素來複製alert() 的功能。例如，使用jQuery UI 的對話框功能提供了近似值：

jQuery UI 對話框範例：

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



<div>
<p>在此範例中，我們建立了一個對話框標題為「自訂警報」的框框。現在您可以使用 CSS 自訂其外觀，包括「確定」按鈕。 </p>
<p><strong>注意：</strong> jQuery UI 對話框需要額外的程式碼來實現alert() 的功能，例如顯示點擊按鈕時顯示訊息並關閉對話框。 </p>
</div>

以上是如何在 Javascript 警報框中設定「確定」按鈕的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！