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

分享 / 2 / 0 / 创建于 5年前

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

tailwindcss outline-none

Laravel 8.x 译者 11 声望

暂无个人描述~

《L05 电商实战》

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

《L02 从零构建论坛系统》

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

推荐文章：

更多推荐...

[已翻译完成]Tailwind文档翻译说明以及每日翻译进度 48 / 34 |

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

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

帮助