If you are using a custom skin, based on previous version of the control, please
change the following css classes in the skin's main CSS file (FormDecorator.css) with the corresponding values as shown
below:
.rfdButton a.rfdSkinnedButton,
.rfdButton a.rfdSkinnedButton *
{
height: 21px !important;
line-height: 21px !important;
}
.rfdButton input[type="button"].rfdDecorated,
.rfdButton input[type="reset"].rfdDecorated,
.rfdButton input[type="submit"].rfdDecorated,
.rfdButton .rfdSkinnedButton button,
.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover *
{
background-position: left -21px !important;
height: 21px !important;
line-height: 21px !important;
}
.rfdButton a.rfdSkinnedButton *
{
_background-position: left -21px !important;
}
/* IE6 fixes */
.rfdButton a.rfdInputDisabled:hover *
{
_background-position: left -21px !important;
}
.rfdButton a.rfdSkinnedButton:hover
{
background-position: right -42px !important;
}
.rfdButton a.rfdSkinnedButton:hover *
{
background-position: left -63px !important;
}
.rfdButton a.rfdClickedButton, .rfdButton a.rfdClickedButton:hover
{
background-position: right -84px !important;
}
.rfdButton a.rfdSkinnedButton.rfdClickedButton *
{
background-position: left -105px !important;
}
/* IE7 hovers fix */
* + html.rfdButton a.rfdSkinnedButton:hover *,
* + html .rfdButton a.rfdSkinnedButton:hover *
{
background-position: left -63px !important;
}