在jQuery UI对话框中设置样式元素

时间:2012-03-29 21:11:55

标签: javascript jquery jquery-ui

我正在尝试将一些输入字段添加到jquery ui对话框中,并且无法将样式应用于它们。

目前我有这样的事情:

<div id="dgNew" title="New Client" >
<fieldset>
    <legend>Add a New Client</legend>
    <div><label class="left-lbl" for="clientCode">Code</label><input class="input-md" type="text" id="clientCode" name="Code" disabled="true" /></div>
    <div><label class="left-lbl" for="ClientName">Client Name</label><input class="input-md required" type="text" id="ClientName" name="ClientName" /></div>
</fieldset>

我必须设计这个css并没有被拿起来。如果我将字段移动到仅显示在页面上(而不是在对话框中),那么我应用于left-lbl,right-lbl等的样式就可以了。

如果我在firebug中检查对话框,则元素上有样式但不显示已应用。有什么我需要做的特定于jquery ui才能使这项工作?

1 个答案:

答案 0 :(得分:0)

好的,问题解决了。这对我来说只是一个愚蠢的错误。我将样式应用于我的页面上的包装器div中的所有类,但是对话框的div在包装器之外声明,因此它没有将它们拾取。

#wrap label.left-lbl

而不仅仅是

label.left-lbl