Style overwrite issue

[yshld]

Hi,

I have a textbox in my ContactDetails page and I have added a customized css class. But it seems the style is not applied. The page source code is as below

  <div class="textcontrol" >
<input name="ctl00$MainContent$ContactDetails$QFTextBox4" type="text" value="2/3/2012 1:50 PM" id="ctl00_MainContent_ContactDetails_QFTextBox4" class="label_style_textbox" />
  </div>

As above, I have defined a class label_style_textbox. But it is not applied to the textbox. It seems it always picks up the textcontrol calss.

Could anyone give me any help?

Thanks a lot!

[yshld]

here is my style defined

.label_style_textbox input
{
    border: 1px solid Red;
    color: Red;
}

[jbest]

Remove input from your selector and it should be OK.

.label_style_textbox
{
    border: 1px solid Red;
    color: Red;
}