15

私は自分のウェブサイトにマテリアライズCSSを使用していますが、現在、範囲入力のつまみのスタイルを変更しようとしています(つまり、スライドバーの値を変更するためにクリックアンドホールドするもの)

また、スタイルを変更するときは、まず Chrome 開発者ツールの値を変更して、CSS を変更する前にどのように見えるかを確認したいと思います。ただし、開発者ツールでは範囲入力のスタイルしか見つかりませんが、親指のスタイルは見つかりません。Chrome 開発者ツールで親指のスタイルを確認する方法はありますか?


PS 主に HTML5 の範囲入力です。noUISlider は Javascript によって作成され、開発者ツールで表示されます。申し訳ありませんが、HTML5 範囲入力の ID がないため、それに最も近いヘッダーにしかリンクできません。

4

2 に答える 2

33

DevTools コンソールで View Shadow DOM を有効にして、Shadow DOM 要素に関連付けられたスタイルを表示できます。

打つ

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

[要素] の下に、[ユーザー エージェントのシャドウ DOM を表示] というオプションがあります。


Shadow DOM 開発ツール

于 2016-10-27T03:10:38.070 に答える