Question

我第一次玩jQuery EasyUI。我想弄清楚如果可能的话，如何在对话框中更改标签和输入大小/属性？基本上我想把输入框放大一点，但我根本无法弄清楚如何更改它们。

<div id="dlg" class="easyui-dialog" style="width:500px;height:280px;padding:10px 20px"
        closed="true" buttons="#dlg-buttons">
    <div class="ftitle">Prospect Information</div>
    <form id="fm" method="post" novalidate>
        <div class="fitem">
            <label>Prospect Name:</label>
            <input name="Name" class="easyui-validatebox" required="true">
        </div>
        <div class="fitem">
            <label>Phone:</label>
            <input name="Phone">
        </div>
        <div class="fitem">
            <label>Email:</label>
            <input name="Email" class="easyui-validatebox" validType="email">
        </div>
        <div class="fitem">
            <label>Received Datetime:</label>
            <input name="rcvd_datetime" class="easyui-validatebox" required="true">
        </div>
    </form>
</div>

Answer 1

尝试在页面顶部添加：

<style>
    label {
        width: 200px;
    }
    input {
        height: 30px;
    }
</style>

或在每个标记中添加style-attribute，如果你想单独区分每个元素，就像这样：

<div class="fitem">
    <label style="width: 200px;">Phone:</label>
    <input name="Phone" style="height: 30px;">
</div>

jQuery EasyUI对话框元素大小调整？

1 个答案: