4

この要素スタイル コードのソースを見つける方法がわかりません。たとえば、Chrome Element Inspector Tool の右側には、次の CSS コードが表示されます。

element.style {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 486px;
    height: 200px;
    overflow: hidden;
    -webkit-user-select: none;
    background-color: #FFF;
    border: 1px solid #ABABAB;
}

そして左側にはこれがあります：

<div draggable="false" style="position: absolute; left: 0px; top: 0px; width: 486px; height: 200px; overflow: hidden; -webkit-user-select: none; background-color: white; border: 1px solid rgb(171, 171, 171);"></div>

モジュール ファイルを調べましたが、上記の行のない JavaScript ファイルと HTML ファイルしか表示されませんか?

4

5 に答える 5

0

これは、これらのスタイルがinlineであるためです。styleつまり、HTML タグの属性を使用してその CSS プロパティを定義します。その CSS は、ファイルや他の場所にはありません。適用されている要素の「内」で定義されています。

于 2013-07-26T22:05:27.700 に答える
0

同様の問題に遭遇したところ、AdBlocker (ブラウザ プラグイン) がインライン スタイルを挿入して、サイト上の画像を広告と見なして非表示にしていることが判明しました。ブラウザー プラグインの一部またはすべてを無効にして、ページのレンダリング方法に干渉していないか確認してください。

于 2014-11-04T19:29:12.940 に答える
-1

これはまさにあなたが探しているものではないかもしれませんが、インスペクターの右上にある小さな「+」アイコンをクリックすると、要素に既にアタッチされている css クラスにスタイルを追加できます。そうすると、定義されたスタイルの右側に表示されるインスペクタ スタイル シート リンクをクリックできるようになります。すべてのカスタム スタイルを含む何らかの一時的なスタイルシートを定義するには、これが最も近い方法だと思います。

それが私が簡単なテストのために行うことです。html でいくつかのクラスを設定してから、インスペクターのサイド パネルにカスタム スタイルを追加します。編集や色の選択が簡単だからです。次に、inspector-stylesheet を開いて、完了したらすべてコピーします。

于 2013-07-26T22:25:38.130 に答える