弹出confirm自定义样式

弹出confirm自定义样式是一种在网页开发中常见的交互方式。通过自定义样式，我们可以更好地适应网页的整体风格和需求。

在HTML中，我们可以使用JavaScript的confirm函数来创建一个确认框。它会弹出一个带有确认和取消按钮的对话框，并返回用户的选择结果。

要自定义confirm框的样式，我们可以使用CSS来修改其外观。比如，我们可以修改背景颜色、按钮颜色、文字样式等来实现自定义的外观效果。

首先，在HTML中创建一个按钮，并为其设置一个触发事件，比如点击按钮时弹出confirm框：

<button onclick="myFunction()">点击弹出确认框</button>

接下来，在JavaScript中定义myFunction函数，并使用confirm函数来显示确认框：

function myFunction() {
  var result = confirm("确定要执行此操作吗？");
  if (result == true) {
    // 在这里执行用户点击确认后的操作
  } else {
    // 在这里执行用户点击取消后的操作
  }
}

最后，使用CSS来对confirm框进行样式修改。比如，我们可以在CSS中添加以下代码来修改确认框的背景颜色和按钮颜色：

.confirm {
  background-color: #333;
  color: #fff;
}

.confirm button {
  background-color: #555;
  color: #fff;
}

通过以上方式，我们可以实现对confirm框的自定义样式。当用户点击按钮时，会弹出一个自定义的样式confirm框，用户可以根据需要选择确认或取消。