如何更改 Django 中默认 UserCreationForm 的文本颜色？

Question

我正在使用 django 和 bootstrap 开发一个简单的网站。我已经使用 UserCreationForm class 制作了一个标准注册页面。但我想让文本更暗一点，这样它更清晰，并且与背景图像和蒙版形成良好的对比。最好的解决方案是什么？

查看模块

def register(request):
    #if the request method is a  'get'
    #Yes initial data
    if request.method != 'POST':
        form = UserCreationForm()
    #no initial data
    #f the request method is a 'post'
    else:
        form = UserCreationForm(data=request.POST)
        if form.is_valid():
            new_user=form.save()
            authenticated_user = authenticate(username=new_user.username,
                                          password=request.POST['password1'])
            login(request, aunthenticated_user)
            return HttpResponseRedirect(reverse('my_websites:home'))
    context = {'form': form}
    return render(request, 'users/register.html', context)

bootstrap

{% extends "pages/base.html" %}
{% load bootstrap5 %}

{% block header %}
<div="container my-5">
  <div class="bg-image position-relative rounded" style="background:url('https://wallpaperaccess.com/full/1708426.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height: 100vh;">
    <div class="mask position-absolute rounded p-4 top-0 end-0 bottom-0 start-0" style="background-color: rgba(251, 251, 251, 0.8);">
      <h2 class="text-center display-6"> Register </h2>
      <form method="post" action="{% url 'users:register' %}" class="form text-dark" style="max-width: 400px; margin:0 auto;">
        {% csrf_token %}
        {% bootstrap_form form %}
        {% buttons %}
           <button name="submit" class="btn btn-dark">Register 
</button>
        {% endbuttons %}
        <input type="hidden" name="next" value="{% url 'my_websites:home' %}" />
      </form>
    </div>
  </div>
</div>

感谢您的宝贵时间。

Answer 1

您似乎在使用 Bootstrap，其中 pre-defined 一组 CSS class 可用于颜色。

尝试将您的 <h2 class="text-center display-6"> Register </h2> 标签更改为 <h2 class="text-center display-6 text-danger"> Register </h2> - 它可能会变成红色。

bootstrap_form 标签允许您传递参数来控制应用的 CSS class 属性。

例如，尝试：

{% bootstrap_form form field_class="text-danger" %}

有关您可以传递的可用参数，请参阅文档：https://django-bootstrap-v5.readthedocs.io/en/latest/templatetags.html#bootstrap-field

有关如何通过 Bootstrap 使用颜色的更多信息，包括定义要使用的自己的颜色主题，请参见此处：https://getbootstrap.com/docs/5.0/utilities/colors/祝你好运！

如何更改 Django 中默认 UserCreationForm 的文本颜色？

How do I change the text color of a default UserCreationForm in Django?

python

django

twitter-bootstrap