无法设置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。