Internet Explorer Click loses background

2 posts, 0 answers
  1. aaron
    aaron avatar
    5 posts
    Member since:
    Sep 2008

    Posted 19 Jun 2012 Link to this post

    Hi,
    i have style out buttons using the below css classes.  They seem to work well across all browsers in standards mode; except for when click on in internet explorer 9 (unsure if its all IE or just 9).  The hover all works find and dandy no problems but as soon as the button is clicked the background disappears?

    a.Button.RadButton,
    a.rbSkinnedButton.Button:hover, /*  0 3 1   */
    a.RadButton_Outlook.rbSkinnedButton, /*  0 2 1    */
    a.RadButton_Outlook.rbVerticalButton, /*   0 2 1   */
    a.RadButton_Outlook .rbSplitRight, /*  0 2 1     */
    a.RadButton_Outlook .rbSplitLeft /*   0 2 1   */
    {
        background-image: url('/Common/Images/buttonSprite.png');
        background-position: 100% -25px;
        height: 21px;
        display: inline-block;
        padding-right: 4px;
    }
    .rbSkinnedButton:hover .rbDecorated, /* 0 3 0 */
    .RadButton_Outlook.rbVerticalButton .rbDecorated, /* 0 3 0 */
    .RadButton_Outlook.rbSkinnedButton, /*  0 2 0    */
    .RadButton_Outlook .rbDecorated, /*  0 2 0    */
    .RadButton_Outlook.rbVerticalButton, /*  0 2 0    */
    .RadButton_Outlook .rbSplitRight, /* 0 2 0     */
    .RadButton_Outlook .rbSplitLeft /*  0 2 0    */
     {
            background-image: url('/Common/Images/buttonSprite.png');
            background-position: 0% 0%;
            padding-right: 2px;
            height: 21px;
            margin-right: 0px;
            box-sizing: border-box;
            color: white;
    }

    Please help,
    Thanks,
    Michael
  2. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 21 Jun 2012 Link to this post

    Hi Aaron,

    Most probably the issue is caused by the new images and their position that you have specified with the custom CSS styles. Please check the help article Tutorial: Creating a Custom Skin and configure the new appearance according to the listed steps.

    If you are still having difficulties, I would suggest opening a support ticket and sending a simple, runnable page that includes your custom styles so that I can examine them and determine the exact cause of the problem.

    Greetings,
    Slav
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top