js confirm 设定文字大小

您可以通过CSS样式来设置confirm对话框中的文字大小。具体方法是创建一个带有所需样式的CSS类，然后将该类应用到confirm对话框中。例如，以下代码将文字大小设置为16像素：

.confirm-dialog {
  font-size: 16px;
}

然后，在确认对话框中使用该类：

if (confirm("Are you sure?")) {
  // 用户点击了“确定”按钮
} else {
  // 用户点击了“取消”按钮
}

请注意，confirm对话框是由浏览器本身提供的，因此使用CSS样式来修改它的外观可能会受到不同浏览器的限制。因此，最好只在必要时使用confirm对话框，并尽量避免使用CSS样式来修改其外观。

相关问题

js中confirm自定义按钮文字

JavaScript中原生的confirm()函数无法直接自定义按钮文字，但是我们可以通过一些技巧来实现。

一种比较常见的方法是使用CSS样式来隐藏原生的按钮，然后在confirm弹框中插入我们自己的HTML元素来模拟按钮，并通过JavaScript代码来控制按钮的点击事件。

以下是一个简单的实现例子：

HTML代码：

<div id="confirm-box">
  <p>请确认您的选择</p>
  <button id="confirm-ok">确定</button>
  <button id="confirm-cancel">取消</button>
</div>

CSS代码：

#confirm-box button {
  display: none;
}

JavaScript代码：

function showConfirm() {
  var confirmBox = document.getElementById('confirm-box');
  var confirmOk = document.getElementById('confirm-ok');
  var confirmCancel = document.getElementById('confirm-cancel');
  
  confirmBox.style.display = 'block'; // 显示自定义的confirm弹框
  confirmBox.style.left = (window.innerWidth - confirmBox.offsetWidth) / 2 + 'px'; // 居中显示
  confirmBox.style.top = (window.innerHeight - confirmBox.offsetHeight) / 2 + 'px';

  // 模拟“确定”按钮的点击事件
  confirmOk.onclick = function() {
    // 用户选择了“确定”按钮
    confirmBox.style.display = 'none'; // 隐藏confirm弹框
    // 进行相应操作
  };

  // 模拟“取消”按钮的点击事件
  confirmCancel.onclick = function() {
    // 用户选择了“取消”按钮
    confirmBox.style.display = 'none'; // 隐藏confirm弹框
    // 进行相应操作
  };
}

// 调用showConfirm函数以显示自定义的confirm弹框
showConfirm();

在这个例子中，我们使用CSS样式将原生的按钮隐藏起来，然后在confirm弹框中插入了我们自己的HTML元素来模拟按钮。最后，通过JavaScript代码来控制按钮的点击事件，并进行相应的操作。

JavaScript confirm

JavaScript confirm是一个用于在网页中显示确认框的函数。它通常用于在用户执行某个操作之前进行确认。确认框会显示一个消息和两个按钮，用户可以选择"确定"或"取消"。当用户点击确定按钮时，confirm函数会返回true；当用户点击取消按钮时，confirm函数会返回false。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [js中confirm()函数的用法](https://blog.csdn.net/qq_16990363/article/details/51159575)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [js确认框confirm()用法实例详解](https://blog.csdn.net/zjslan_js/article/details/125325726)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]