如何使用CSS设置警报框的样式?

– 更新 – 我已经阅读了很多关于这个主题的尝试了几个脚本,并需要帮助来找出你能做什么或不能做什么。 社区回答了所有问题,以下是一个很好的起点。 (这里的答案摘自以下社区,谢谢)

  1. 你不能超越默认的警告风格。 它由您的客​​户生产(例如chrome firefox等)

  2. 你可以用jquery代替。 而不是使用如下脚本:

    function check_domain_input(){var domain_val = document.getElementsByName(’domain’); if(domain_val [0] .value.length> 0){return true; 警告(’请输入要搜索的域名。’); 返回虚假; }

这使得客户端(firefox chrome等)生成一个警告框。

2B。 你告诉代码是否需要在事件加载jquery alertbox上发生一些事情,你可以做得很漂亮:(由Jonathan Payne回答并由Jonathan Payne创建。谢谢你)

 
Click
Please enter a domain name to search for.
function check_domain_input() { $( "#dialog" ).dialog(); // Shows the new alert box. var domain_val = document.getElementsByName('domain'); if (domain_val[0].value.length > 0) { return true; } $( "#dialog" ).dialog(); return false; }

在这里查看jsFiddle: http : //jsfiddle.net/8cypx/12/

尝试位于此处的jQuery UI : http : //jqueryui.com/demos/dialog/

它们有一个主题滚轮,您可以在其中设置对话框和模态框的样式。

– 编辑 –

回答你的第二个问题。

在这里查看jsFiddle: http : //jsfiddle.net/8cypx/12/

  
Click

而不是内置的Javascript对话框弹出窗口 – 这是丑陋的,无法用CSS自定义 – 我建议使用jQuery对话框控件。 这些可以轻松设置样式,jQuery也附带了许多内置主题。

http://docs.jquery.com/UI/Dialog

如果我对你提出正确的问题,我认为你不能这样做,因为弹出窗口连接到客户端系统。 然而,设计你所描述的并不那么难,查看DIV元素或其他东西。

确认/警告框是浏览器的一部分,而不是您的页面。

使用下面的插件http://plugins.jquery.com/msgbox/
并使用代码

$ .alert( ‘文’);

而不是警报(’文字’); 用css自定义