0

私はこのCSSをロードしました：

#ue_email_new{
  border:  1px solid #000000;
}

ページ読み込み時に正確に表示されます。

ただし、要素の検査 (FF 17) をクリックして CSS を表示すると、デバッガーに次の情報が表示されます。

element {
    border: 1px solid rgb(221, 221, 221);
}

実際のページでは、境界線がこの奇妙な設定に変わります。

これはどこから来たのですか？

CSS を確認しましたが、これらの設定が見つかりません。正確には何ですか

element

デバッガーが参照しているタグ?

HTML は次のようになります。

<div id="wr_ue_email_new">
  <input autocomplete="off" class="radius_all" name="email" id="ue_email_new" type="text" maxlength="320" />
  <p id="ue_email_lab" class="ue_lab_new">Email</p>
</div>
4

2 に答える 2

1

表示されelement { .... }ているコードは、おそらく現在の要素のインライン スタイルを報告している Firebug のようです。(私がここに持っている Firefox/Firebug の現在のバージョンは、Chrome のようにelement.style {...}ではなくelement、と言っていますが、これがそのままだと思います)

あなたが見ているのは、Javascript イベントがトリガーされているのではないかと思います。おそらくmouseoverイベントなどであり、そのイベントは要素の CSS 境界を設定しています。

Firebug を使用して要素を選択すると、目的の要素を見つけて選択する間、ページの通常のイベント処理が中断されます。ただし、要素を選択するとすぐに、ページは通常に戻り、イベントがトリガーされます。

問題のイベントは、この時点ですぐにトリガーされていると思います。イベントの Javascript コードが実行され、CSS ボーダーが設定されます。これは Firebug がスタイルを変更しているように見えますが、そうではありません。イベント処理コードが予期しないことをしているだけです。

これは、CSS でコードが見つからなかった理由も説明しています。これは、JS コードにあるためです。

問題の色のJSコードを検索してみます（@adaamが言うように、同等の16進値は ですが#DDDDDD、 である可能性もあります#DDD）。

于 2013-05-26T20:13:30.887 に答える