<form:select class="form-control input-sm selectpicker" path="productCode" data-live-search="true" data-max-options="10" data-actions-box="true" title="${productTitle}"> <form:option value="">--${productTitle}--</form:option> <c:forEach items="${ALL_PRODUCTS}" var="item" > <form:option value="${item.productCode}" label="${item.productCode}" data-subtext="${item.productName}"/> </c:forEach> </form:select>如何控制宽度
时间: 2024-02-10 18:07:45 浏览: 79
multipartform-data 参数传递
3星 · 编辑精心推荐
你可以使用 `style` 属性或者在 `class` 属性中添加自定义的 CSS 类来控制 select 元素的宽度。例如,你可以将 `style` 属性设置为 `width: 200px;` 或者在 `class` 属性中添加一个自定义的 CSS 类来设置宽度。下面是一个示例:
```html
<form:select class="form-control input-sm selectpicker my-custom-class" path="productCode"
data-live-search="true" data-max-options="10" data-actions-box="true"
title="${productTitle}" style="width: 200px;">
<form:option value="">--${productTitle}--</form:option>
<c:forEach items="${ALL_PRODUCTS}" var="item">
<form:option value="${item.productCode}" label="${item.productCode}"
data-subtext="${item.productName}"/>
</c:forEach>
</form:select>
```
在上面的示例中,我添加了一个名为 `my-custom-class` 的自定义 CSS 类,并将 `style` 属性设置为 `width: 200px;`。你可以根据自己的需求修改这些值。
阅读全文