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:
|Default CSS class
|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.
|The style that is applied for the disabled input control. Note: Internet Explorer does not allow changing the ForeColor of disabled elements.
|The style when the value is not set and the input control does not have focus.
|The style when the input control has focus.
|The style when the mouse hovers over the input control.
|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:
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.