编辑django表单的表单css

Question

所以提交按钮如下所示：

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

和normall我会使用一个类来指定按钮的外观，但是它有自己的类，我无法触及。我可以在这里做一个新课程，以便我可以自定义按钮吗？

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显示特定规则将如何覆盖通用规则。

Answer 2

您可以为按钮指定style属性，该属性始终优先于任何class属性。