如何使 jQuery ui 对话框看起来像默认的 JavaScript 确认框？
当用户需要确认某些内容时，我使用用 confirm 创建的简单确认框，但我的某些页面需要“是”和“否”按钮，而不是“确定”和“取消”按钮，因此我在这些页面上使用 jQuery 对话框。我想确保我的消息框的样式对于整个应用程序中的用户来说是相同的。
如何使 jQuery 对话框看起来与 JavaScript confirm 框完全相同？当然，我可以更改对话框的 CSS 足以使两者看起来相同......对吧？
Firefox 中 Grails 生成的确认框：
对话框为由 Firefox 中的 Grails 生成：
所以我想从对话框中完全删除标题栏盒子，去掉圆形的角，将条纹背景更改为灰色，并更改一些其他颜色。我不是 CSS 大师，但我会尝试蒙混过关。任何 CSS 魔术师都知道如何快速做到这一点，我将不胜感激。
When a user needs to confirm something I use a simple confirmation box created with confirm, but some of my pages require "Yes" and "No" buttons instead of "Ok" and "Cancel" buttons, thus I use jQuery dialog on those pages. I want to make sure the styles of my message boxes are the same for my users across my entire application.
How do I make my jQuery dialog boxes look exactly like the JavaScript confirm box? Surely I can change the CSS of the dialog box enough to make the two look the same... right?
Confirmation box as generated by Grails in Firefox:
Dialog box as generated by Grails in Firefox:
So I want to completely remove the title bar from the dialog box, remove the rounded corners, change the striped background to grey, and change a bit of other coloring. I'm no CSS master, but I'm gonna try to muddle through it. Any CSS magician know how to do this quickly I would appreciate it.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
由于所有浏览器都有自己的本机 UI，因此您不能。但是您可以用一个统一的 UI 替换所有对话框，例如 jQuery UI（如您为此问题选择的标签所建议的那样）。
Since all browsers have their own native UI, you can't. But you can replace all of your dialogs with one unified UI, like jQuery UI (as suggested by your choice of tags for this question).