tailwindcss中focus:outline-none不生效解决方法

在使用tailwindcss时,用focus:outline-none这个class实现隐藏focus状态时的边框,适用于inpu button等。
昨天手动撸了一个系统,登录表单使用了这个样式,但是没有生效,input处于focus状态时还是会有边框,今天去tailwindcss官方仓库的issue看了一下,这个问题19年就有人提出来了,但是如今还是存在。
解决方法是使用focus:ring-0或者focus:ring-transparent替代focus:outline-none即可。该issue的链接:这里

《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!