2014-11-06 72 views
3

我有這個類如何改變一個類的elemnet的屬性,在C#

.progress { 

    width:200px; 
    height:50px; 
    border:1px solid black; 
    position:relative; 
} 
.progress:after { 

    position:absolute; 
    background:black; 
    top:0; bottom:0; 
    left:0; 
    width:10%; 
    -webkit-animation: filler 2s ease-in-out; 
    -moz-animation: filler 2s ease-in-out; 
    animation: filler 2s ease-in-out; 
} 

,並有該div

<div id="percentDIV" class="progress" runat="server">some text</div> 

我想改變的進步寬度屬性:在c#下課動態。可能嗎?

有點像?

percentDIV.Attributes["class:progress:after"] = "width:25%"; 
+0

[改變風格:之前和:之後的僞元素?](http://stackoverflow.com/questions/21032481/change-the-style-of-before-and-after-pseudo-元素) – 2014-11-06 17:49:59

+0

@tnw:OP希望通過C#no JS更改CSS類的值。這意味着服務器端,而不是客戶端。這非常相關!添加C#標籤。(不可否認,OP的最後一行使事情變得非常混亂。) – 2014-11-06 17:52:14

+0

我完全錯過了,我的錯誤。謝謝Paul – tnw 2014-11-06 17:53:23

回答

0
percentDIV.Attributes["style"] = "width:20%"; 
1

聲明你的下一個div來runat="server"並改變其風格

percentDiv.Attributes["style"] = "width:20%"; 

樣式擁有類優先。

另一種方法是從CSS中移除您的類聲明,並使用runat="server"控件在頁眉部分動態創建它,並用動態創建的css類替換它的內容。

+0

其實:課後是爲動畫填寫百分比。你的建議改變了父類的屬性。我想改變:課後。 – youngseagul 2014-11-06 18:14:13

+0

你是對的......那麼開始吧,我有一個問題:你只需要改變這個元素的下一個元素的寬度,或者是對於具有進度類的頁面中的所有元素?如果它只是用於下一個元素(並且您可以在設計時看到它),請將runat ='server'放在其上並更改其樣式!否則,你可以從你的樣式表中'刪除'這個類,並在頁面中動態地插入一個(在頁頭部聲明一個runat ='server'元素)。 – rodrigogq 2014-11-06 18:22:21

+0

我必須把這個類放在所有具有進階課程的元素上。最終他們是divs,我必須將來自數據庫服務器的進度與百分比進行綁定。 – youngseagul 2014-11-06 19:26:18

相關問題