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

I want to set the Jquery UI dialog overlay background to different color. The following CSS is not working.

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

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

Please see fiddle.

请看小提琴。

1 个解决方案

You need to add the modal option to the dialogue settings then your fiddle will work.

您需要将模态选项添加到对话框设置，然后您的小提琴将起作用。

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

FYI I found this out by using the F12 feature in Chrome and looking for the overlay element which was not present. That led me to the JQuery UI docs.

仅供参考我通过在Chrome中使用F12功能并查找不存在的叠加元素来发现这一点。这让我进入了JQuery UI文档。

You need to add the modal option to the dialogue settings then your fiddle will work.

您需要将模态选项添加到对话框设置，然后您的小提琴将起作用。

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

FYI I found this out by using the F12 feature in Chrome and looking for the overlay element which was not present. That led me to the JQuery UI docs.

仅供参考我通过在Chrome中使用F12功能并查找不存在的叠加元素来发现这一点。这让我进入了JQuery UI文档。