html – 如何在Chrome开发者工具中查看范围输入的拇指样式？

概述我正在使用 materialize css作为我的网站,目前我正在尝试更改范围输入的拇指样式(即您单击并按住以更改滑动条的值) 在改变时,我想首先改变Chrome开发者工具的价值,看看它在我的CSS中做出改变之前的样子.但是,我只能在开发人员工具中找到范围输入的样式,而不能找到拇指的样式.有没有办法在Chrome开发者工具中看到拇指的风格？ 附：主要是HTML5范围输入. noUISlider是由 我正在使用 materialize css作为我的网站,目前我正在尝试更改范围输入的拇指样式(即您单击并按住以更改滑动条的值)

在改变时,我想首先改变Chrome开发者工具的价值,看看它在我的CSS中做出改变之前的样子.但是,我只能在开发人员工具中找到范围输入的样式,而不能找到拇指的样式.有没有办法在Chrome开发者工具中看到拇指的风格？

附：主要是HTML5范围输入. noUiSlider是由JavaScript创建的,它在开发人员工具中可见.很抱歉,HTML5范围输入没有ID,所以我只能链接到最接近它的标题.

解决方法@H_301_8@ 您可以在DevTools控制台中启用VIEw Shadow DOM并查看与Shadow DOM元素关联的样式.

击中

F12 > F1 to open DevTools >> Settings >> Preferences

您将在Elements下显示“显示用户代理阴影DOM”选项

总结

以上是内存溢出为你收集整理的html – 如何在Chrome开发者工具中查看范围输入的拇指样式？全部内容，希望文章能够帮你解决html – 如何在Chrome开发者工具中查看范围输入的拇指样式？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。