Background colour not changing for readonly inputs

3 posts, 0 answers
  1. Neil N
    Neil N avatar
    75 posts
    Member since:
    Aug 2012

    Posted 11 Dec 2012 Link to this post

    Here's what I did:
    1. Created a new skin based on Hay using the Online Visual Style Builder.
    2. Changed the background colour of the input control in read only state.
    3. Downloaded and extracted the modified style to my skin directory.

    These lines have been added to the CSS file:
    .RadInput_MMSM_MTS input.riRead {
     
        background-color: rgb(216, 216, 216);
     
    }

    Using Firebug to inspect I see this rule has been crossed out:
    .RadInput_MMSM_MTS input.riRead {
        background-color: #D8D8D8;
    }

    And this rule is in effect (except for the border-color)::
    html body .RadInput_MMSM_MTS .riTextBox, html body .RadInputMgr_MMSM_MTS {
        background: none repeat scroll 0 0 #FFFFFF;
        border-color: #898772;
        color: #272722;
        font: 12px "segoe ui",arial,sans-serif;
    }

    How can this be fixed? When I uploaded the zip file I noted the style tool did not recognize the change. The textbox is simply declared as:
    <telerik:RadTextBox ID="RadTextBox1" runat="server" ReadOnly="True">
            </telerik:RadTextBox>

  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 17 Dec 2012 Link to this post

    Hi Neil,

    This is a known issue and our developers are working on it. In the meantime, you can fix it by changing the the CSS rule:
    html body .RadInput_MMSM_MTS input.riRead
    {
     
    }

    I hope this helps.

    All the best,
    Galin
    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
  4. Neil N
    Neil N avatar
    75 posts
    Member since:
    Aug 2012

    Posted 17 Dec 2012 Link to this post

    That did not work.  However, this did:

    html body .RadInput_MMSM_MTS input.riRead
    {
     background-color: #D8D8D8;
    }

Back to Top