下面是我的名为 dlgPassage 的 JQuery-UI 对话框。
这是我如何使用它。如您所见,我添加了一个确认按钮。
现在回答我的问题。
如何设置此确认按钮的样式。
如何设置确认按钮所在区域的样式。
JS
$("#dlgPassage").dialog({
width: 490,
buttons: { "Confirm": function () { Click_btnConfirm() } }
});
HTML
<div id="dlgPassage" title="Passage" style="display:none">
<table>
<tr><td>Opening</td></tr>
<tr>
<td>
<input type="text" id="openStart" size="19"/>
<img src="images/cal.gif" alt=""
onclick="javascript:NewCssCal('openStart','yyyyMMdd','arrow',true,'24')"
style="cursor:pointer"/>
</td>
<td> </td>
<td>
<input type="text" id="openEnd" size="19"/>
<img src="images/cal.gif" alt=""
onclick="javascript:NewCssCal('openEnd','yyyyMMdd','arrow',true,'24')"
style="cursor:pointer"/>
</td>
</tr>
<tr><td> </td></tr>
<tr><td>Passage</td></tr>
<tr>
<td>
<input type="text" id="passageStart" size="19"/>
<img src="images/cal.gif" alt=""
onclick="javascript:NewCssCal('passageStart','yyyyMMdd','arrow',true,'24')"
style="cursor:pointer"/>
</td>
<td> </td>
<td>
<input type="text" id="passageEnd" size="19"/>
<img src="images/cal.gif" alt=""
onclick="javascript:NewCssCal('passageEnd','yyyyMMdd','arrow',true,'24')"
style="cursor:pointer"/>
</td>
</tr>
<tr><td> </td></tr>
<tr><td>Closing</td></tr>
<tr>
<td>
<input type="text" id="closeStart" size="19"/>
<img src="images/cal.gif" alt=""
onclick="javascript:NewCssCal('closeStart','yyyyMMdd','arrow',true,'24')"
style="cursor:pointer"/>
</td>
<td> </td>
<td>
<input type="text" id="closeEnd" size="19"/>
<img src="images/cal.gif" alt=""
onclick="javascript:NewCssCal('closeEnd','yyyyMMdd','arrow',true,'24')"
style="cursor:pointer"/>
</td>
</tr>
</table>
</div>