html - 如何更新 element.styles css

Question

以下样式导致 div 元素未对齐：

在此处输入图像描述

我不知道这种风格是在哪里设置的，我搜索了代码库，但这似乎是由浏览器设置的？

如何删除这种样式，当我使用 Chrome 删除“左”样式时，我得到了正确的对齐方式。这种风格是在哪里设置的？

这是设置样式的 div：

这是代码：

<div class="multipleColumns" >

但是当我检查 Chrome 上的元素时，这是代码：

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

所以看起来样式' style="left: auto; display: none;' 在运行时被注入？

score 1 · Accepted Answer

element.style表示元素上存在未从样式表中读取的内联样式。

例如

css

span.mystyle{ color: blue; }

html

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

这将导致red text 而不是blue。

内联样式将覆盖您的样式表样式，因此您需要确定将其添加到元素的位置并将其删除。

更新

根据您编辑的问题。似乎内联样式是通过 JavaScript 添加的。您将需要找出它在哪里。

score 0 · Accepted Answer

我认为样式是直接在 hmtl 代码中的元素样式块中设置的。也许你可以分享一个片段？

您是否尝试过其他浏览器？也许在安装了 firebug 的 Firefox 中尝试一下。虽然我认为这很奇怪，但可能是缓存问题？

score 0 · Accepted Answer

它是应用于元素的内联样式。

例如

<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;

score 0 · Accepted Answer

0

您可以为此使用内联 css，因为内联 css 的优先级高于外部 css。

于 2013-02-01T09:27:40.780 回答

score 0 · Accepted Answer

0

样式是在 javascript 文件中设置的：

$('.multipleColumns').css('left', 'auto').hide();

于 2013-02-01T12:30:59.603 回答

5 回答 5