前端为confirm（）修改字体样式

在JavaScript中，浏览器原生的`window.confirm()`函数是一个非模态对话框，用于提示用户是否继续操作，它并不是HTML元素，因此我们无法直接为其修改CSS样式。不过，如果你想要改变确认对话框的外观，可以借助一些技巧，比如模拟一个自定义的确认对话框，然后通过CSS来定制样式。

例如，你可以创建一个新的`<div>`元素，并设置其样式，当需要显示确认消息时，显示这个自定义的对话框：

<style>
  .custom-confirm {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
  }

  .custom-confirm button {
    font-size: 16px; /* 修改字体大小 */
    color: blue; /* 修改文字颜色 */
    padding: 10px 20px;
    margin-right: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
</style>

<div id="customConfirm" class="custom-confirm">
  <button onclick="handleCustomConfirm()">确认</button>
  <button onclick="hideCustomConfirm()">取消</button>
</div>

<script>
  function handleCustomConfirm() {
    const customConfirm = document.getElementById('customConfirm');
    customConfirm.style.display = 'block';
    // ... 其他逻辑
  }

  function hideCustomConfirm() {
    document.getElementById('customConfirm').style.display = 'none';
  }
  
  // 替换原生confirm
  window.confirm = function(message) {
    return new Promise((resolve, reject) => {
      handleCustomConfirm();
      setTimeout(() => {
        if (confirmButtonClicked()) resolve(true); // 假设有一个确认按钮名为confirmButtonClicked
        else reject(false);
      }, 1000); // 延迟一秒展示确认效果，以便观察
    });
  };
</script>

在这个例子中，我们创建了一个包含两个按钮的`div`，并设置了默认的字体大小和颜色。当你需要显示确认信息时，调用`handleCustomConfirm`函数，显示这个自定义对话框，点击后可以用`confirmButtonClicked()`判断用户是否点击了确认。