Question

I have a simple website with a master-page. To set properties to elements on a content page (such as Textbox) I use CSS. In designer it works well but when I launch a site a style isn’t apllied to controls. The reason is simple. To say, I have a TextBox with id="TextBox1" in content page, it is placed in ContentPlaceHolder1. In CSS file I set properties for object with id #TextBox1. When I launch a site due to master page name mangling it gets an id like ctl00_ContentPlaceHolder1_TextBox1 which is not defined in CSS file included in masterpage.

What is a correct solution of this problem? Hardcoding mangled name doesn’t seem to be good.

Answer 1

Use CssClass on the controls, like this: CssClass="myClass", then in your stylesheet instead of this:

#TextBox1 { /* styles */ }

You’d have this:

.myClass { /* styles */ }

It’s worth noting that .Net 4 fixes, or allows you to better manage the ID generated in the html, see here for details.