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

Question

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

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

请参阅fiddle。

Answer 1

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

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

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

Can not set jquery ui dialog overlay background color