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的链接:这里

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

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