logo标签列表

如何在警告框中设置文本样式？

javascripthtmlcssstyles
3

可能是重复问题：
如何在警示框或确认框中加粗文本？

在下面的例子中，我需要为单词“alert”添加样式，以便它显示为：

你好！我是一个警示框！

这是我的代码：

<html><head>
   <script type="text/javascript"> 
      function show_alert() 
      {
         alert("Hello! I am an alert box!"); 
      } 
   </script></head><body>
   <input type="button" onclick="show_alert()" value="Show alert box" />
</body></html>
2
尝试构建自己的警告框。 - sissonb
这个问题启发了我构建一个插件，使操作系统的警告框看起来像苹果iCloud中的那样。我应该叫它alert.js吗？ - Mohsen
4个回答
4

基本上是不可能的。你无法从浏览器内部访问操作系统级别。

你可以使用自定义模态弹出框。你可以在这里或者这里找到成千上万个可用的模态弹出框插件。

window.alert接受一个字符串作为参数。你不能对一个字符串进行样式设置。

来自 MDN：

消息是你想要在警告对话框中显示的文本字符串，或者转换为字符串后显示的对象。

3
警告框是浏览器窗口和操作系统的一部分，而不是DOM，因此很遗憾您无法对其应用样式。
最简单的解决方案是使用现有的许多模态对话框之一，以及所选对话框所需的Javascript库。
另一种选择是通过在页面上覆盖一个专用的<div class="yourAlertClass">来模仿警告框，使用Javascript或自定义库（如moo tools或jQuery）进行动画效果。
1

不行。

我想你所想的是模态弹出窗口。可以看看JQuery UI，但也有很多其他库可供使用。

1

警告框, 确认框和提示框无法进行样式设置。它们在不同的浏览器中表现不同。

要创建一个带样式的“警告框”（对话框），您应该使用一个UI库 - jQuery UI 作为示例

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接