Можно ли редактировать форму crispy с помощью styles.css? Например, изменить цвет фона и т.д.? Потому что я не могу заставить свою работать. Спасибо

Я новичок в изучении Python Django и я пытаюсь создать страницу входа для моего сайта, используя crispy forms. Но я не могу управлять ее стилем, мне интересно, возможно ли это, и если да, то как я могу это сделать? Спасибо.

Вот HTML-коды Django:


{% extends 'users/base.html' %}
{% load crispy_forms_tags %}
{% block content %}
{% load static %}
<link rel="stylesheet" href="{% static 'users/register.css' %}">

<div class="register-container">
    <form method="POST">
        {% csrf_token %}
        <fieldset class="form-group">
            <legend class="border-bottom mb-4">
                Create An Acount
            </legend>
            {{ form|crispy }}
        </fieldset>
        <div class="form-group">
            <button class="btn btn-outline-info" type="submit">
                Sign Up
            </button>
        </div>
    </form>
    <div class="border-top pt-3">
        <small class="text-muted">
            Already Have An Account? 
            <a class="ml-2" href="#">Log In</a>
        </small>
    </div>
</div>

{% endblock content %}

CSS: base.css

    transition: margin-left .5s;
    padding: 16px;
    background: rgb(255,255,255);
    background: radial-gradient(circle, 
              rgba(255,255,255,1) 0%, 
              rgba(33,208,178,1) 100%);
  } 

Да, это возможно, вы можете просто добавить код javascript, который добавляет класс к нужному полю ввода, а затем вы можете добавить стилизацию для этого класса.

Например :-

# if you want to add styling to the username input then

# use this javascript
const inp_field = document.querySelector("#input_username"); # enter the id/class of that element
inp_field.classList.add("custom__css");
    
# css code
.custom__css {
    # whatever css you need
}
Вернуться на верх