今天遇到一个很奇怪的问题,在组件上明明设置了 outline none
和box-shadow:none
。但还是在点击的时候会出现这个情况,查阅了很多很多文章都没有搞定这个问题
文章图片
【使用tailwind在谷歌浏览器上,button会出现蓝色背景的问题】后来在开发者工具上,把样式一个一个排除掉,才发现了罪魁祸首:
文章图片
于是在项目中设置全局的css样式的buttoncursor:none
文章图片
成功解决问题!
推荐阅读
- 用 CSS 画三角形
- CSS 的一些技巧
- 元素的显示与隐藏
- 如何让定位的盒子居中
- CSS 基础选择器
- ApiPost使用技巧
- 英文不换行的问题
- 面试必问的8个CSS响应式单位,你知道几个()
- 24张图攻克border-image