如何覆盖 Firefox 上默认的顺风对焦环?

问题描述 投票:0回答:2

Tailwind 为聚焦元素提供默认的蓝色环。

我正在尝试更改其颜色,但没有成功,就像默认值正在接管自定义规则一样。

https://play.tailwindcss.com/52qikegG9a

更新:经过一些试验,删除轮廓是可行的,但更改其颜色会将环重置为其默认当前值,而不考虑自定义环颜色:

https://play.tailwindcss.com/ejozMHzJVQ

tailwind-css focus outline
2个回答
1
投票

A

ring
box-shadow
。您看到的是
outline
。您需要添加
outline-none


0
投票

从这个tailwind问题开始,对于Firefox,它实际上需要在设置

outline-style
时设置
outline-color
属性。

因此需要显式添加 tailwind 类

focus:outline
,如下所示 https://play.tailwindcss.com/dDz1DnaYbm

© www.soinside.com 2019 - 2024. All rights reserved.