CSS 移动端元素点击后背景色问题
2021-12-19 本文已影响0人
Yandhi233
在用 Vue3 开发 UI 组件时,发现一个移动端存在的问题:
当点击一个元素,元素会有一个默认的背景颜色,默认为淡蓝色;
禁用默认背景色方法: -webkit-tag-highlight-color: transparent;
这个属性是用于设定元素在移动设备上触发点击事件时,相应的背景框的颜色;
在制作 Switch 组件时,点击元素默认背景颜色会很丑;
在用 Vue3 开发 UI 组件时,发现一个移动端存在的问题:
当点击一个元素,元素会有一个默认的背景颜色,默认为淡蓝色;
禁用默认背景色方法: -webkit-tag-highlight-color: transparent;
这个属性是用于设定元素在移动设备上触发点击事件时,相应的背景框的颜色;
在制作 Switch 组件时,点击元素默认背景颜色会很丑;