Question

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

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

形成类似于上面的形式

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

关于观点。

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，这是强制选择height:18px的默认css。

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;
}

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

1 个答案: