Change CSS in backend

Question

When using asp.net, is it possible to modify css properties in the c# back end code in the same as Div tags? I cannot get it to work.

For example:

HTML

<div id="myDiv" runat="server" style="height:10px; color:black;" />

C#

myDiv.Style.Add("color", "white");

This works, however I am trying to do the same to a css class instead. So if I had: CSS

 .myDivStyle
    {
       height:10px;
       color:black;
    }

How can I access this and change the color in c#? The only effective way I was able to find was to have two css classes and replace the class with another one such as the answer to this: Replacing css class solution

I have tried:

myDivStyle.Style.Add("color","white");

I was wondering if it is possible to include the runat="server" property directly to the css class. Thanks in advance.

score 3 · Accepted Answer · answered Oct 17 '13 at 13:36

3

myDiv.Attributes.CssStyle.Add("color", "white");

This is how I do by adding CSS for the same based on the condition.

answered Oct 17 '13 at 13:36

Incredible

3,495
8
49
77

Thanks. This is what I was looking for. A way to modify a css class, not replace it. – Jaiesh_bhai Oct 17 '13 at 13:50
I am glad I was of some help. – Incredible Oct 17 '13 at 13:51

score 2 · Answer 2 · answered Oct 17 '13 at 13:32

2

Apply the CSS class via attributes, like this:

myDiv.Attributes["class"] = "myDivStyle";

answered Oct 17 '13 at 13:32

Karl Anderson

34,606
12
65
80

score 0 · Answer 3 · answered Oct 17 '13 at 13:38

0

You can also use Attributes like myDiv.Attributes.Add("class", "myDivStyle"); This is will add new class to div

answered Oct 17 '13 at 13:38

Andy

332
1
13

score 0 · Answer 4 · edited May 23 '17 at 12:14

0

For add a CSS class through code behind (In C#) :

myDiv.Attributes.Add("class", "top_rounded");

OR

C#

divControl.Attributes["class"] = "myClass";

VB

divControl.Attributes("class") = "myClass"

You'll need to have a rule like this one on your css file

.myClass
{
   height:200px; 
   /*...more styles*/
}

Check This

edited May 23 '17 at 12:14

Community

1
1

answered Oct 17 '13 at 13:40

Ishan Jain

8,063
9
48
75

Change CSS in backend

4 Answers4