日常css小tips

问题:

-webkit-tap-highlight-color
去除移动端点击事件出现的背景框:
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。
-webkit-tap-highlight-color: rgba(240,240,240,0.7);

body设置height：100%；不生效
解决方案：
html标签添加height：100%；

边框阴影
box-shadow: 2px 2px 1px #adabab;

Focus
touch拖动时出现以下警告
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080
解决方案：

被拖动div添加css：touch-action: none;