使用 TailwindCSS 从 Django 表单中删除焦点环和边框



目标:Django形式中没有边界或聚焦环。

当前:我当前只能更改某些属性,如文本颜色&圆角,但没有边框或焦点。我正在使用django小部件的调整来为表单分配类属性。我在django中使用django-tailwindcss来使用tailwind。

尝试:我正在使用顺风ring-0&border-0顺风属性,但它们根本不起作用。

代码:

{% load widget_tweaks %}
<form action="{% url 'marketing:subscribe' %}" method="post">
{% csrf_token %}
{{ form.email|add_class:"bg-black rounded-lg border-0 ring-0 focus:ring-0" }}
<button class="text-green-300" type="submit">Subscribe</button>
</form> 

尝试添加类"焦点:概述无";。至少可使用按钮

如果您在代码中使用顺风组件,那么就可以工作

className="焦点:环-0焦点:环偏移-0〃;

最新更新