Überschreiben Sie den Stil der Formularvorlagen in Django - python, css, django, forms

Ich bin neu in Django, ich baue eine Form auf Django und habe die eingebauten Formen Django gefunden und implementiere diese.

Aus der Django-Dokumentation geht es darum form.subject werde ein setzen <input type="text"> drin. Was aber, wenn ich die Eigenschaften dieses Eingabeelements wie Höhe, Schriftart, Text, Breite usw. ändern möchte, wie würde dies geschehen.

{{ 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>

Antworten:

Verwenden Sie hierfür Jquery.

Jedes Django-Formularelement hat eine eindeutige ID. Verwenden Sie diese ID, um die CSS-Eigenschaften mit Jquery anzuwenden.

Zugriff auf das Formularelement mit der ID.

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

Wenden Sie hier eine beliebige CSS-Eigenschaft an. Diese Eigenschaften sollten angewendet werden, sobald die Seite geladen wird. auf document.ready in jquery.

Wie in der Dokumentation Sie können CSS-Klassen hinzufügen:

class CommentForm(forms.Form):
name = forms.CharField(widget=forms.TextInput(attrs={"class": "special"}))

Vorausgesetzt, Sie sind mit css vertraut, können Sie diesem Feld jetzt Stile zuweisen.

Es gibt eine Möglichkeit, alle Widgets zu stylen, aber es erfordert allgemeines Wissen über Python und Django.

Eine andere Alternative ist die Verwendung einer Django-App, die dies erlaubt, z knusprige formen oder Floppy-Formen