gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 13:40:48 26 4
gpt4 key购买 nike

我正在使用 materialize css对于我的网站,目前我正在尝试更改范围输入的拇指样式(即您单击并按住以更改 slider 值的东西)

在更改样式时,我想先更改 Chrome 开发人员工具上的值,以便在更改我的 CSS 之前查看它的外观。但是,我只能在开发人员工具中找到范围输入的样式,但找不到拇指的样式。有什么方法可以让我在 Chrome 开发者工具中看到拇指的样式?


附言主要是HTML5范围输入。 noUISlider 由 Javascript 创建,在开发人员工具上可见。抱歉,HTML5 范围输入没有 id,所以我只能链接到离它最近的标题。

最佳答案

您可以在 DevTools 控制台中启用 View Shadow DOM 并查看与 Shadow DOM 元素关联的样式。

点击

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

您会在“元素”下找到Show user agent shadow DOM

选项


Shadow DOM DevTools

关于html - 如何在Chrome开发者工具中查看范围输入的拇指样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40275275/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com