2016-07-05 14 views
0

Chromeデベロッパーツールのグレーアウトされたスタイルに関する多くの質問がありましたが、私の奇妙な動作については説明していません。 CSSファイルには普通のクラススタイルがあります。ChromeデベロッパーツールCSSファイルの一部のスタイルがグレイアウトされているか編集不可能なのですか?

CSSファイル:私は他のそれらのいずれかを編集することはできませんが、いくつかの理由について

.result { 
    background-color: #000; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    z-index: 100; 
} 

.result_image { 
    height: 80%; 
    overflow: hidden; 
} 

.result_text { 
    font-size: 13.6px; 
    margin-left: 5px; 
    font-weight: bold; 
    height: 20%; 
} 

HTML:あなたはスクリーンショットで見ることができるように

<div class="result"> 
    <div class="result_image"><img src="..."></div> 
    <div class="result_text">Some text</div> 
</div> 

、私は編集することができますdiv class = "result_image"ですが、divクラス= "result_text"ではありません。私はこの問題は、グレーアウトされたスタイルはスタイルタグから来ると主張しているが、どちらのスタイルも "qb1.core.css"というファイルにあるとChromeと関係していると思う。

This is the output for the div class="result_image"

This is the output for the div class="result_text"

答えて

2

[OK]を、これは私のHTML/CSSはiframe内にあると私は唯一のiframeをリロードするので発生するようです。ページ全体をハードリロードすると、クラスはもうグレーアウトされません。コードの一部がキャッシュから取得された場合、Chromeがコンテキストを失うことがあります。

+1

これはまさに私の問題であり、リロードされたiframe内でのみ発生します。バグでなければなりません。バージョン59.0.3071.109 – frumbert

0

これは実際にブラウザ自体から来るスタイルであり、デフォルト値であり、そのため編集できません。

これは、user agent stylesheetの意味です。詳細はWhat is user agent stylesheetも参照してください。

+1

これはdivスタイルでは当てはまりますが、.result_textクラスではそうではありません。 – needfulthing

関連する問題