This is a migrated thread and some comments may be shown as answers.

[Solved] RadTextbox and Input.css don't work together

6 Answers 170 Views

Input

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

Accepted

answered on 09 May 2008, 12:02 PM

Hello Pepito,

If you want to set font styles to the RadInput textbox, you need to use a CSS rule, which will select the textbox itself, not the control's wrapper. This is because form elements do not inherit font styles from their parents.

In other words, please try :

.radEnabledCss_Web20,
.radEmptyMessageCss_Web20,
.radHoverCss_Web20,
.radFocusedCss_Web20,
.radReadOnlyCss_Web20,
.radDisabledCss_Web20,
.radNegativeCss_Web20,
.radInvalidCss_Web20

{

font:12px Verdana;

}

Let us know if you need more information.

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

Accepted

answered on 09 May 2008, 02:28 PM

Hello Pepito,

Maybe my previous advice was a little misleading, however, I thought you were using a custom skin, while you might be using the embedded Web20 skin and trying to make minor changes.

If this is the case, you should use a little stronger selectors in order to override the embedded skin styles.

Please try this:

.radInput_Web20 .radEnabledCss_Web20,
.radInput_Web20 .radEmptyMessageCss_Web20,
.radInput_Web20 .radHoverCss_Web20,
.radInput_Web20 .radFocusedCss_Web20,
.radInput_Web20 .radReadOnlyCss_Web20,
.radInput_Web20 .radDisabledCss_Web20,
.radInput_Web20 .radNegativeCss_Web20,
.radInput_Web20 .radInvalidCss_Web20
{
font:12px verdana,sans-serif;
}

If this still does not help, please give some more information about how are you trying to change the skin - are you using an embedded one, or a custom one named Web20, etc. A code snippet will turn out useful as well.

Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center