使用tailwind在谷歌浏览器上,button会出现蓝色背景的问题

今天遇到一个很奇怪的问题,在组件上明明设置了 outline nonebox-shadow:none。但还是在点击的时候会出现这个情况,查阅了很多很多文章都没有搞定这个问题
使用tailwind在谷歌浏览器上,button会出现蓝色背景的问题
文章图片

【使用tailwind在谷歌浏览器上,button会出现蓝色背景的问题】后来在开发者工具上,把样式一个一个排除掉,才发现了罪魁祸首:
使用tailwind在谷歌浏览器上,button会出现蓝色背景的问题
文章图片

于是在项目中设置全局的css样式的buttoncursor:none
使用tailwind在谷歌浏览器上,button会出现蓝色背景的问题
文章图片

成功解决问题!

    推荐阅读