关于如何去扒一个web应用组件样式的方法(断点法)

79 阅读1分钟

关于修改Vue-treeselect插件样式的方法!

Vue-treeselect中文官方文档---------www.vuetreeselect.cn/

我想要修改下述图片中选中状态的勾选框背景颜色,由于是组件,于是想像往常一样打开F12准备查找他的类名时,当我鼠标焦点移出这个下拉选择框时,选项就会消失(回缩),根本查看不了他的类名。

官方默认颜色(蓝色)

image.png

目标效果

1690871728954.png

解决办法:

想有没有什么办法能让浏览器进行页面暂停操作--------**断点

操作方法

1.属性发生修改时自动触发断点

1690871608109.png

2.手动触发断点

1690872908389.png

然后就能很快的找到对应的类名

image.png

image.png