是否可以使用styles.css编辑酥脆的表单？喜欢更改背景颜色等吗？因为我可以做我的工作。谢谢

Question

我是研究Python Django的初学者，我正在尝试使用脆皮表格为我的网站创建一个登录页面。但是我无法控制它的样式，我想知道这是否可能，如果是，我该怎么做？谢谢。

这是Django HTML代码：

{% 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%);
  } 

Answer 1

是的，您可以简单地添加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
}