How to use CSS classes in user controls?

Question

I have created a user control. I want to use CSS classes in this, but no CSS is working here. I tried registering CSS in master page, user control. But nothing worked.

You have to provide with more details. Have you tried looking at the css references at run-time using FireBug or some similar tool? There shouldn't be much effort to use a control specific css style. Although I must say I disencourage you to do it. — Guilherme Duarte
– Guilherme Duarte, Commented Jan 20, 2012 at 8:04
yaa i have tried firebug but the class i create is shown blank....but in my stylesheet that class with some attributes exist — mona
– mona, Commented Jan 20, 2012 at 8:08
Ok, so the problem should be in the css file or in the way you use to reference it. Are you registering it in the header section? — Guilherme Duarte
– Guilherme Duarte, Commented Jan 20, 2012 at 8:24

stvn · Accepted Answer · 2012-01-20 08:42:24Z

0

As your usercontrol gets rendered in the containing page, you can use css on it like on any other tag on your website. The only thing you need to do is add the css file to the header of you masterpage.

When using css selectors tho, remember that the ID's of the controls on your usercontrol is not this one you should use as your css selector.

fe.

<input type='text' id='txtName'/>

in your usercontrol will be rendered to something like

<input type='text' id='ctl00_phMain_MyUserControl_txtName' />

so make sure you use the correct id to apply your style or use the class tag

answered Jan 20, 2012 at 8:42

stvn

1,1981 gold badge8 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zo Has Over a year ago

The ids will only get messed for server controls? He can use the CssClass attribute for server controls.

Collectives™ on Stack Overflow

How to use CSS classes in user controls?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related