css - 如何设置ZK组合框宽度

Question

我是ZK框架的新手，我正在使用ZK plugin with Grails。组合框宽度太大，它占据了整个div宽度，并且正在生成动态地。代码如下:

<div id="i5CQc5-pp" class="z-combobox-popup  z-combobox-open z-combobox-shadow" style="z-index: 1800; width: 1747px; height: auto; position: absolute; top: 219px; left: 139px;" tabindex="-1">
    <ul id="i5CQc5-cave" class="z-combobox-content" style="height: auto; width: 100%;">
        <li id="i5CQd5" class="z-comboitem"><span class="z-comboitem-image"></span><span class="z-comboitem-text">pass</span></li>
        <li id="i5CQe5" class="z-comboitem"><span class="z-comboitem-image"></span><span class="z-comboitem-text">fail</span></li>
    </ul>
</div>

和下面的CSS:

element.style {
    z-index: 1800;
    width: 1747px;
    height: auto;
    position: absolute;
    top: 219px;
    left: 139px;
}

.z-combobox-popup, .z-combobox-popup {
    font-size: 917em;
}

.z-combobox-popup, .z-combobox-popup {
    font-size: 917em;
}

.z-combobox-shadow, .z-bandbox-shadow, .z-datebox-shadow {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}

.z-combobox-popup {
    overflow: auto;
}

.z-combobox-popup, .z-bandbox-popup, .z-datebox-popup, .z-timebox-popup {
    font-family: Arial, Sans-serif;
    font-weight: normal;
    font-size: 12px;
    display: block;
    border: 1px solid #cfcfcf;
    padding: 2px;
    background: #fff;
    position: absolute;
    overflow: hidden;
}

如何设置宽度，使最小宽度与 Combobox 相同

或

如何设置宽度使最小宽度与组合框相同

Answer 1

只需打开 ZK Grails 插件生成的 zul 文件，修改宽度以满足您的需要。无需使用 CSS。

ZK Combobox reference