如何启用开发者工具(devTools)样式编辑器的横向拖动修改数值功能？

以下是针对Chrome、Edge、Firefox等浏览器中样式编辑器无法拖动数值（rem/cm/px等）、无拖动光标、无法修改数值问题的排查方案：

• 切换到英文输入法：中文输入法状态下，部分浏览器会拦截鼠标拖动事件，切换后再尝试拖动数值。
• 重置DevTools默认设置：
  • Chrome/Edge：打开DevTools按F1进入设置页，拉到最底部点击「恢复默认值并重新加载」
  • Firefox：打开DevTools后点右上角设置图标，选择「重置所有DevTools设置」
• 检查系统鼠标/触摸板设置：
  • 确认系统没开「拖动锁定」这类限制拖动的功能
  • 触摸板用户检查是否开启了「轻击代替点击」等可能干扰拖动的选项
• 排查浏览器扩展：
  • 临时禁用所有扩展，重启浏览器后测试
  • 逐个重新启用扩展，找出可能冲突的插件
• 更新浏览器到最新版：旧版本可能存在已知bug，升级后大概率解决问题
• 尝试管理员权限启动：右键浏览器图标选「以管理员身份运行」，排除权限限制；也可以结束所有浏览器后台进程后重新启动

内容的提问来源于stack exchange，提问作者Oleksandr Rostiahai