css - 如何修改jinja2模板中的SelectField宽度

Question

我有一个基于 Flask 的应用程序

Class itemform:
    item2 = [("a", 'One'), ("b",'Two')]
    items3 = SelectField(u'List items', choices=items2)

类似于上面渲染的表单

return render_template('item.html', item3=item3)

关于 View 。

item.html jinja2 模板具有以下内容

<form action="/items/" method="post" name="items">
    {{ form.item3 }}
    <input type="submit" name="submit" class="btn" value="done" />
 </form>

下拉菜单工作正常，我可以选择元素并收集它支持它。问题是，下拉框的宽度太小。选项名称(“One”)几乎不可见并且仅变为可见当我单击下拉箭头时。

如何改变它的宽度？感谢您的帮助!

编辑:这是链接http://jsfiddle.net/SvN3F/

Answer 1

你是说高度吗？我在 css 的最后一行添加了 height:auto ，可见 on jsFiddle ，这是默认的CSS强制选择具有height:18px。

input[type="text"], input[type="password"], textarea, select {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: gray;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 4px;
    width: 210px;
}