Стилизация элементов в диалоге пользовательского интерфейса jQuery

Question

Я пытаюсь добавить некоторые поля ввода в диалоговое окно пользовательского интерфейса jquery, и у меня возникают проблемы с применением к ним стилей.

В настоящее время у меня есть что-то вроде этого:

<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, чтобы сделать эту работу?

Answer 1

Хорошо, проблема решена. Это была просто глупая ошибка с моей стороны. У меня был стиль, примененный ко всем классам внутри div-обертки на моей странице, но div диалогового окна объявляется вне обертки, и поэтому он не собирает их.

#wrap label.left-lbl

вместо

label.left-lbl