使用CSS在Jquery UI对话框中设置元素主题。。。怎样?

使用CSS在Jquery UI对话框中设置元素主题。。。怎样?,jquery,css,dialog,theming,Jquery,Css,Dialog,Theming,由于旧版本显然太难让人理解,以下是HTML、CSS和JavaScript的组合: $(文档).ready(函数(){ $(“#测试”)。对话框({ 自动打开:错误, 莫代尔:对 }); $(“#测试链接”)。单击(函数(){ $('测试')。对话框('打开'); }); }); div#主div#测试标签{ 显示:块; } div#主div#测试输入{ 左侧填充:100px; } 简要说明: css应该可以工作。这可能是css规则如何级联的问题。是否有更具体的选择器应用这些规则,如“#d

由于旧版本显然太难让人理解,以下是HTML、CSS和JavaScript的组合:

$(文档).ready(函数(){
$(“#测试”)。对话框({
自动打开:错误,
莫代尔:对
});
$(“#测试链接”)。单击(函数(){
$('测试')。对话框('打开');
});
});
div#主div#测试标签{
显示:块;
}
div#主div#测试输入{
左侧填充:100px;
}



简要说明:

css应该可以工作。这可能是css规则如何级联的问题。是否有更具体的选择器应用这些规则,如“#dialog div#test label”?没有html/css的其余部分,就不可能指出细节。获取firebug并查看将哪些规则应用于这些元素。

css应该可以工作。这可能是css规则如何级联的问题。是否有更具体的选择器应用这些规则,如“#dialog div#test label”?没有html/css的其余部分,就不可能指出细节。获取firebug并查看将哪些规则应用于这些元素。

JQuery在DOM树中移动对话框的DIV,并将其包装到其他一些元素中。因此CSS选择器将无法工作。使用上述示例,您必须执行以下操作:

div.ui-dialog div#test label {
    display: block;
}
div.ui-dialog div#test input {
    padding-left: 100px;
}

JQuery在DOM树中移动对话框的DIV,并将其包装到其他一些目录中。因此CSS选择器将无法工作。使用上述示例,您必须执行以下操作:

div.ui-dialog div#test label {
    display: block;
}
div.ui-dialog div#test input {
    padding-left: 100px;
}

我不知道为什么我会在这里落选。原始问题的信息不完整。这是一个基于原始信息的很好的猜测。我不知道为什么我在这里被投票否决。原始问题的信息不完整。根据原始信息,这是一个很好的猜测