我发现一个包含SCSS片段的链接, 我正在尝试使用它。
它包含了我不熟悉的CSS供应商前缀:
::-webkit-slider-runnable-track
::-webkit-slider-thumb
::-moz-range-track
::-ms-fill-lower
- 等等
我想使用Chrome或其他浏览器的“开发者工具”/检查来玩弄颜色和尺寸,但我找不到这些特定的CSS规则在哪里。
我只能找到我的input
元素:<input type="range" id="position" name="position" min="0" step=".1" max="70" value="70">
目前,我正在Netbeans中编辑SCSS,并在每次保存时编译为CSS,然后刷新浏览器。
这很费时间,我也很想看到当我在检查器中突出显示一个元素时,这些规则会产生什么影响。
我感谢任何建议。
附言:我想应该有一种方法可以展示它们,就像对于 active
、focus
、hover
和 visited
规则一样。