如何为验证不通过的Django表单输入框修改背景颜色

你的问题出在CSS选择器目标错误：你给包含输入框的div添加了error类并设置背景色，但输入框本身（<input>/<textarea>）自带默认白色背景，会覆盖父div的背景，所以看不到预期效果。

解决方案1：修改CSS选择器，直接选中输入框 #

把你的CSS替换为以下代码，让error类下的所有输入框元素应用背景色：

.error input, .error textarea {
    background-color: lightcoral;
}

Django表单字段默认渲染为<input>（文本、邮箱等字段）或<textarea>（多行文本），这个选择器会精准匹配这些子元素。

额外检查项 #

1. 确认error类已正确添加：提交表单后查看页面源码，确认有错误的字段所在div是否包含error类（比如<div class="input_field error">）。如果没有，检查视图代码，确保表单验证失败时，把带错误信息的表单实例传回模板。
2. 处理样式优先级冲突：如果输入框有其他更高优先级的样式（比如input { background: #fff !important; }），可以提高选择器优先级：

.input_field.error input, .input_field.error textarea {
    background-color: lightcoral;
}

或者临时用!important（不推荐长期使用，会增加样式维护难度）：

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

内容的提问来源于stack exchange，提问作者Guido