html - 编辑 django 表单的表单 css

Question

所以提交按钮看起来像这样:

<input type="submit" id='register_submit' class= value="{% trans 'Submit' %}" /></div>

通常我会使用一个类来指定按钮的外观，但它有自己的类，我无法触及。我可以在这里做些什么来给它一个新类，以便我可以自定义按钮？

Answer 1

一个选项是用特定规则覆盖现有规则。因此，如果您的输出 HTML 是:

<input type="submit" class="django-submit" />

你可以把它包装成:

<div class="my-button">
    <input type="submit" class="django-submit" />
</div>

然后使用您的 .my-button 类创建更具体的 CSS 规则:

.my-button .django-submit {
    padding: 5px;
    color: #fff;
    background: #f00;
}

following demo显示特定规则将如何覆盖通用规则。