Question

我正在使用以下内容填写表单中的下拉列表。

<div class="state">
  <label for="state">state</label>
  <form:select path="state" id="state" required="true">
    <form:option value="" />
    <form:options items="${stateOptions}" itemLabel="value" />
  </form:select>
</div>

这样可以正常使用，但我无法设置样式。我正在寻找一个polyfil或jquery lib，它允许我创建样式下拉列表，而不必切换到无序列表。如果这是不可能的，那么使用Twitter Bootstrap或其他基于UL的解决方案来处理这个问题的最佳方法是什么，并且Spring仍然认识到这一点。

参数

在Chrome上运行正常，但在IE / FF上看起来真的很糟糕

Answer 1

看一下Bootstrap。它是一个css框架，它具有漂亮的开箱即用组件，并且还支持响应式设计（根据设备屏幕大小更改布局，从而支持移动设备）

以下是其基本表单元素样式的链接

http://getbootstrap.com/css/#forms

如果你想学习它，我发现下一个教程是一个很好的起点（你可以在不到一个小时的时间内完成它，如果你已经有了html / css的方法）

http://www.sitepoint.com/understanding-twitter-bootstrap-3/

此外，有许多模板基于bootstrap并具有其组件集。你可以看看here

使用Spring MVC / Forms自定义样式的下拉列表

1 个答案: