如何更新element.styles CSS

下面的風格是造成div元素的失準：如何更新element.styles CSS

enter image description here

我不知道這種風格被設定，香港專業教育學院搜查了代碼庫但這似乎是由瀏覽器設置？

當我使用Chrome刪除「左」樣式時，如何刪除此樣式我得到正確的對齊方式。這種風格在哪裏設置？

這裏就是風格被設置在div：

這是代碼：

<div class="multipleColumns" >

但是，當我檢查在Chrome的元素，這是代碼：

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

所以它看起來風格'style =「left：auto; display：none;'在運行時被注入？

2013-02-01 blue-sky

需要更多信息..分享您的HTML ... – ATOzTOA

的element.style要麼通過JavaScript應用或在線設置。 – Simon

@ATOzTOA請參閱編輯 –

element.style表明存在一個未被從樣式表讀取元素的內嵌樣式。

如

CSS

span.mystyle{ color: blue; }

HTML

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

這將導致紅色文本而不是藍色。

的內嵌樣式將覆蓋樣式造型，所以你需要查明這是被添加到元素並將其刪除。

更新根據您的編輯問題

。這看起來好像是通過JavaScript添加內聯樣式。你需要找出這是哪裏。

2013-02-01 09:13:16

重新閱讀我所說的話。內聯樣式覆蓋樣式表樣式。 –

請參閱問題編輯 –

我認爲在元素的HMTL代碼直接styleblock。也許你可以共享一個片斷的樣式設置？

您有試過其他的瀏覽器嗎？也許有嘗試在Firefox安裝Firebug的，它可能是，althought我覺得這是很奇怪的，一個緩存問題可能？

2013-02-01 09:11:48 Wouter

請查看問題編輯 –

這是適用於元素的內聯樣式。

例如

<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-01 09:14:57

你可以使用內聯的css來做這件事，因爲內聯css的優先級高於外部css。

2013-02-01 09:27:40

風格正在設置一個javascript文件中：

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

2013-02-01 12:30:59

回答