如果 Django 表单的输入字段包含错误，如何更改其背景颜色

Question

我正在尝试编写一个带有字段的表单，如果用户输入的数据未通过表单验证，则将其背景颜色从默认的白色更改为浅珊瑚色。

这是包含表单本身的 HTML 文件片段：

 <div id="div_formbox">
        <form method="post" id="form_appointments">
            {% csrf_token %}
            
            {{ form.non_field_errors }}
                          
            <div class="input_group">
                
                <div class="input_field {% if form.name.errors %}error{% endif %}">
                    {{ form.name}}
                </div>
                
                <div class="input_field {% if form.last_name.errors %}error{% endif %}">
                    {{ form.last_name }}
                </div>
                                              
                
                <div class="input_field {% if form.email.errors %}error{% endif %}">
                    {{ form.email }}
                </div>
                               
       
            </div>
    
            <button type="submit">Send</button>
        </form>
    </div>

这是 CSS 文件的一部分，我尝试将颜色更改应用于输入字段，但出现错误：

.error {
   background-color: lightcoral;
}

如您所见，我使用 Django 标签将有错误的表单字段的类从“input_field”更改为“error”。 接下来，在 CSS 文件中，我引用“error”类来应用我想要的样式。但这不起作用。我尝试了很多变体，但没有一个有效。我没主意了。

Answer 1

也许可以像下面这样尝试。

.error {
   background-color: lightcoral !important;
}