Django脆皮表单-Bootstrap4按钮样式覆盖

时间:2020-05-26 13:34:48

标签: html button bootstrap-4 overwrite django-crispy-forms

我想在“脆皮表格”中添加自定义按钮。

调用自定义css类时,按钮显示有点类似于我的期望,但是它们仍然使用Boostrap4样式(当我将鼠标悬停在它们上时,它们会变成蓝色,而我的自定义按钮会显示下方出现一条白线的小动画)。

在我的FormHelper中,我有以下内容:

self.helper = FormHelper()
self.helper.add_input(Button('back', 'Back', css_class='button button--wide button--black', onclick="window.location.href = '{}';".format(reverse('home'))))
self.helper.add_input(Submit('next', 'Next', css_class='button button--wide button--white'))

加载页面时,我在Chrome开发者工具窗格中看到,以下HTML代替了用于生成按钮:

<input type="submit" name="next" value="Next" class="btn btn-primary button button--wide button--white" id="submit-id-next">

如何防止bootstrap4将“ btn btn-primary”注入HTML?

我已经在这里阅读了一些有关覆盖模板的信息:https://django-crispy-forms.readthedocs.io/en/latest/layouts.html#overriding-project-templates

但是,我不清楚这部分HTML的来源。

任何帮助,将不胜感激。

0 个答案:

没有答案