时间戳

首页 > 解决方案 > 使用 TailwindCSS 从 Django 表单中删除焦点环和边框

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

问题描述

目标： Django 形式中没有边框或焦点环。

当前：我目前只能更改某些属性，例如文本颜色和圆角，但不能更改边框或焦点。我正在使用django-widget-tweaks将类属性分配给表单。我正在使用django-tailwindcss在 Django 中使用 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>

标签： pythondjangotailwind-css

解决方案

尝试添加类“focus：outline-none”。至少与按钮一起使用

推荐阅读