python - 覆盖 Django 中表单模板的样式

Question

我是 django 的新手，我正在 django 上构建一个表单，并找到了内置的 django 表单并实现了它。

在django 文档中，它说form.subject将放一个 <input type="text">在里面。但是，如果我想更改此输入元素的属性(例如高度、字体、文本、宽度等)怎么办。该怎么做。

{{ form.non_field_errors }}
<div class="fieldWrapper">
    {{ form.subject.errors }}
    <label for="{{ form.subject.id_for_label }}">Email subject:</label>
    {{ form.subject }}
</div>
<div class="fieldWrapper">
    {{ form.message.errors }}
    <label for="{{ form.message.id_for_label }}">Your message:</label>
    {{ form.message }}
</div>
<div class="fieldWrapper">
    {{ form.sender.errors }}
    <label for="{{ form.sender.id_for_label }}">Your email address:</label>
    {{ form.sender }}
</div>
<div class="fieldWrapper">
    {{ form.cc_myself.errors }}
    <label for="{{ form.cc_myself.id_for_label }}">CC yourself?</label>
    {{ form.cc_myself }}
</div>

Answer 1

为此使用 jquery。

每个 Django 表单元素都有其唯一的 ID。使用该 id 通过 jquery 应用 css 属性。

使用 id 访问表单元素。

$('#id_subject').addClass('form-group'); #  formgroup is a bootstrap class.
 or 
$('#id_subject').css('height', '10px');

在这里应用你想要的任何 css 属性。加载页面后应应用此属性，即在 jquery 中的 document.ready 上。