无法设置 jquery ui 对话框覆盖背景颜色

Question

我想将 Jquery UI 对话框覆盖背景设置为不同的颜色。以下 CSS 不起作用。

.ui-widget-overlay{background:red;}

请参阅fiddle。

Answer 1

您需要将modal 选项添加到对话设置中，然后您的小提琴才能工作。

$("#dialog").dialog({
  width: 300,
  resizable: false,
  draggable: false,
  modal: true
});

仅供参考，我通过使用 Chrome 中的 F12 功能并寻找不存在的覆盖元素发现了这一点。这让我找到了 JQuery UI docs。