Question

我已经构建了一个js对话框作为颜色选择器。一切都运行良好，除了当用户选择颜色样本时，我似乎无法设置对话框标题栏的颜色。

还会理解如何停止调用对话框的父窗口变暗或不透明度设置，使其显得暗淡。

当用户在对话框中选择颜色样本时，会调用对话框外的函数来临时设置调用窗口的颜色。代码如下：

Cargo.toml

对话框代码如下所示：

function changeColor(themeColor) {
    // set colors on parent window that called the dialog
    $("#top-wrapper").css("background-color", themeColor);
    $("#md-page-head").css("background-color", themeColor);
    $("#bottom-wrapper").css("background-color", themeColor);

    // looking for code that would go here to set the dialog's title bar color
    //  have tried various iterations to no avail
}

Answer 1

您可以使用F12开发人员工具检查对话框标题栏的元素并检查应用于该元素的id（或类），然后您可以使用jQuery id或类选择器来查找标题栏并设置颜色它

Answer 2

找到解决我问题的方法。

$(".ui-dialog").find(".ui-widget-header").css("background", "darkgreen");

加载对话框后，Javascript设置对话框标题栏颜色

2 个答案: