Gradient css not applying for radpanelitem backcolor in Firefox

3 posts, 1 answers
  1. Ram
    Ram avatar
    97 posts
    Member since:
    Jun 2011

    Posted 17 Oct 2011 Link to this post

    Hi
    Im using radpanelbar in my application.
    I'm applying  the backcolor for  radpanelitem by ovveriding the skin Black.
    Below is my code.
    .RadPanelBar_Black a.rpLink         
             {
                background:#2e5ba0 !important;
                filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2e5ba0,endColorStr=#003366);   
                background: -moz-linear-gradient(0% 100% 90deg,#2e5ba0, #A1BAFF, #003366 100%);
      
             }
    Its working for IE.
    but in fire fox I'm getting the default color of Black skin.
    please help in as early as possible
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 18 Oct 2011 Link to this post

    Hello Ram,

    Try the following CSS to apply Gradient CSS for RadPanelItem BackColor in FireFox.
    CSS:
    <style type="text/css">
    .RadPanelBar_Black a.rpLink
    {
       background: #2e5ba0 !important;
       filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2e5ba0,endColorStr=#003366);
       background: -moz-linear-gradient(top, #2e5ba0, #003366) !important;
    }
    </style>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ram
    Ram avatar
    97 posts
    Member since:
    Jun 2011

    Posted 18 Oct 2011 Link to this post

    Thanks Shinu
    its worked for me.
Back to Top