Fatal编程技术网
  • html/
  • Html 如何在Chrome开发者工具中查看范围输入的拇指样式？

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

html css google-chrome

Html 如何在Chrome开发者工具中查看范围输入的拇指样式？,html,css,google-chrome,developer-tools,google-developer-tools,Html,Css,Google Chrome,Developer Tools,Google Developer Tools,我正在为我的网站使用，目前我正在尝试更改范围输入的拇指样式（即，单击并按住以更改滑动条值的对象） 在更改sytle时，我想先更改Chrome developer tools上的值，看看它的外观，然后再更改CSS。但是，我只能在开发人员工具中找到范围输入的样式，而不能找到thumb的样式。有没有一种方法可以让我在Chrome开发者工具中看到拇指的风格 另外，主要是HTML5范围的输入。noUISlider是由Javascript创建的，在开发人员工具上可见。很抱歉，HTML5范围输入没有id，因

我正在为我的网站使用，目前我正在尝试更改范围输入的拇指样式（即，单击并按住以更改滑动条值的对象）

在更改sytle时，我想先更改Chrome developer tools上的值，看看它的外观，然后再更改CSS。但是，我只能在开发人员工具中找到范围输入的样式，而不能找到thumb的样式。有没有一种方法可以让我在Chrome开发者工具中看到拇指的风格

另外，主要是HTML5范围的输入。noUISlider是由Javascript创建的，在开发人员工具上可见。很抱歉，HTML5范围输入没有id，因此我只能链接到离它最近的标题。

您可以在DevTools控制台中启用查看阴影DOM以及与阴影DOM元素关联的视图样式

击中

您将在元素下找到选项，如Show user agent shadow DOM


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