Styles
All four types of RadInput controls come with a set of predefined styles, which are specified by the styles in the current skin. If you have assigned a value to the Skin property, you can use a variety of style properties to customize the way the input control changes its appearance depending on its state.
The following table lists the various style properties:
| Property | Default CSS class | Description |
|---|---|---|
| EnabledStyle | riEnabled | The style for the enabled input control. Note: The definitions from the EnabledStyle property are inherited from one style property to another in a hierarchy. Therefore, the appearance settings specified by the EnableStyle property will be propagated for the rest of the styles. For example, if you specify a red font for the EnabledStyle property, all other style properties in RadInput (other than DisabledStyle ) will also have a red font. |
| DisabledStyle | riDisabled | The style that is applied for the disabled input control. Note: Internet Explorer does not allow changing the ForeColor of disabled elements. |
| EmptyMessageStyle | riEmpty | The style when the value is not set and the input control does not have focus. |
| FocusedStyle | riFocused | The style when the input control has focus. |
| HoveredStyle | riHover | The style when the mouse hovers over the input control. |
| InvalidStyle | riError | The style when the value of the input control is invalid. |
The various Style properties are of type Telerik.Web.UI.InputStyle. This type has the following sub-properties:
BackColor
BorderColor
BorderWidth
CssClass
Font
ForeColor
Height
HorizontalAlign
LetterSpacing
PaddingBottom
PaddingLeft
PaddingRight
PaddingTop
Width
Each sub-property is an attribute of the HTML element for the rendered input control. Setting any of the sub-properties copies the value you set onto the style to the HTML element, overwriting any existing style elements defined by the used skin.