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

lawou6xi 于 2023-10-21 发布在 Go

关注(0)|答案(3)|浏览(174)

**目标：**Django表单中没有边框或焦点环。
**当前：**我目前只能更改某些属性，如文本颜色和圆角，但不能更改边框或焦点。我使用django-widget-tweaks来为表单分配类属性。我使用django-tailwindcss在Django中使用顺风。
**尝试：**我正在使用顺风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>

django

来源：https://stackoverflow.com/questions/67942632/remove-focus-ring-border-from-django-forms-using-tailwindcss

3条答案

按热度按时间

mqxuamgl1#

尝试添加类“focus：outline-none”。至少可以用按钮

赞(0）回复(0）举报 2023-10-21

cuxqih212#

如果你在你的代码中使用tailwind组件，那么这就可以了。
className=“focus：ring-offset-0”

赞(0）回复(0）举报 2023-10-21

bkkx9g8r3#

要删除边界，请在顺风中使用outline-none。
我就是这么做的

class Meta:
    widgets = {
        'email': forms.TextInput(attrs={
            'placeholder': '[email protected]',
            'class': 'p-6 border-none',
            }),
    }

赞(0）回复(0）举报 2023-10-21

我来回答

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

3条答案

相关问题

热门标签

最新问答