如何从 django 中的脆皮表格中删除背景颜色

Question

我在带有 bootstrap5 模板包的 django 项目中使用脆皮形式。并希望更改图形按钮行为并删除背景颜色。

CRISPY_TEMPLATE_PACK = "bootstrap5" CRISPY_ALLOWED_TEMPLATE_PACKS = "bootstrap5"

我想创建一个提交按钮。这是自动添加 btn-primary 类。 我可以以某种方式禁用此行为，因为我当前的按钮不应该有任何背景颜色吗？在第二个按钮中，我通过删除 btn-primary 类来删除背景颜色。但是用 css_class 覆盖并没有帮助。 btn 和 btn-primary 是自动添加的。

def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.helper = FormHelper() self.helper.form_method = "POST" self.helper.add_input(Submit("submit", "Abschicken", css_class="btn btn-outline-theme btn-lg d-block w-100 fw-500 mb-3"))

Answer 1

要禁用“btn-primary”类自动添加到带有 Bootstrap 5 模板包的 Django Crispy Forms 中的提交按钮，您可以将“btn”类添加到提交对象并删除“btn-primary”类。这是一个例子：

self.helper.add_input(Submit("submit", "Abschicken", css_class="btn btn-outline-theme btn-lg d-block w-100 fw-500 mb-3"))

改成：

self.helper.add_input(Submit("submit", "Abschicken", css_class="btn btn-outline-theme btn-lg d-block w-100 fw-500 mb-3 btn"))

Answer 2

我找到了解决方案。

我加了

<style>
.clear_btn_background {
    --bs-btn-bg: unset;
}
</style>

到我的html模板。

然后我将这个课程添加到我的提交中

self.helper.add_input(Submit("submit", "Abschicken", css_class="btn btn-outline-theme btn-lg d-block w-100 fw-500 mb-3 clear_btn_background", template="uni-form"))

如果有更原生的版本，那就太棒了。否则这也有效。