2

以下のスタイルは div 要素のずれを引き起こしています:

ここに画像の説明を入力

このスタイルがどこに設定されているのかわかりません。コードベースを検索しましたが、これはブラウザによって設定されているようです?

このスタイルを削除するにはどうすればよいですか。Chrome を使用して「左」スタイルを削除すると、正しい配置が得られます。このスタイルはどこに設定されていますか?

スタイルが設定されている div は次のとおりです。

これはコードです：

<div class="multipleColumns" >

しかし、Chromeで要素を調べると、これはコードです:

<div class="multipleColumns" style="left: auto; display: none;"

したがって、スタイル ' style="left: auto; display: none;' のようです 実行時に注入されていますか？

4

5 に答える 5

1

element.styleスタイルシートから読み取られていない要素にインライン スタイルがあることを示します。

例えば

CSS

span.mystyle{ color: blue; }

html

<span class="mystyle" style="color: red;">test</span>

これにより、青ではなく赤のテキストが表示されます。

インライン スタイルはスタイルシートのスタイル設定をオーバーライドするため、これが要素に追加されている場所を特定して削除する必要があります。

アップデート

編集した質問に基づいています。JavaScript を介してインライン スタイルが追加されているように見えます。これがどこにあるかを調べる必要があります。

于 2013-02-01T09:13:16.110 に答える
0

要素に適用するのはインラインスタイルです。

例えば

<asp:DropDownList style="background-color:blue;" ID="DropDownList1" runat="server">

そして私はCSSを持っています

 select 
    {
        border:0px;
        outline:0px;
    }

ドロップダウンを調べると、次のように表示されます。

element.style {
background-color: blue;
}
Matched CSS Rules
select {
border: 0px;
outline: 0px;
}

編集：あなたを取り除くためにleft:auto;あなたは例えばあなたのCSSに追加することができます：

left:100px!important;
于 2013-02-01T09:14:57.940 に答える
0

スタイルは、hmtlコードの要素styleblockに直接設定されていると思います。たぶんあなたはスニペットを共有することができますか？

他のブラウザを試しましたか？たぶん、firebugがインストールされたFirefoxで試してみてください。それは本当に奇妙だと思いますが、キャッシュの問題かもしれません。

于 2013-02-01T09:11:48.153 に答える
0

インライン css の優先度は外部 css よりも高いため、これにはインライン css を使用できます。

于 2013-02-01T09:27:40.780 に答える