在Ubuntu上，您可以使用HTML、CSS和JavaScript来自定义dialog对话框样式
首先，创建一个HTML文件，例如custom-dialog.html，并在其中添加以下内容：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Custom Dialog</title> <link rel="stylesheet" href="custom-dialog.css"></head><body> <div id="customDialog" class="dialog"> <div class="dialog-content"> <h2>Custom Dialog Title</h2> <p>This is the custom dialog content.</p> <button id="closeDialog">Close</button> </div> </div> <script src="https://mykuaidi.com/static/image/lazy.gif" class="lazy" original="https://www.mykuaidi.com/static/image/nopic320.png">custom-dialog.css，并在其中添加以下内容以自定义对话框样式：body { font-family: Arial, sans-serif;}.dialog { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4);}.dialog-content { background-color: #ffffff; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px;}h2 { margin-top: 0; font-size: 24px;}button { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; cursor: pointer; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 10px 2px; transition-duration: 0.4s;}button:hover { background-color: #45a049;}custom-dialog.js，并在其中添加以下内容以处理对话框的显示和隐藏：document.getElementById("closeDialog").onclick = function() { document.getElementById("customDialog").style.display = "none";}window.onclick = function(event) { if (event.target == document.getElementById("customDialog")) { document.getElementById("customDialog").style.display = "none"; }}现在，您可以在浏览器中打开custom-dialog.html文件，查看自定义的dialog对话框样式。点击“关闭”按钮或点击对话框外的区域都可以关闭对话框。
