This is a migrated thread and some comments may be shown as answers.

Gradient css not applying for radpanelitem backcolor in Firefox

2 Answers 55 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Ram
Top achievements
Rank 1
Ram asked on 17 Oct 2011, 08:46 AM
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 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 18 Oct 2011, 08:13 AM
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.
0
Ram
Top achievements
Rank 1
answered on 18 Oct 2011, 08:16 AM
Thanks Shinu
its worked for me.
Tags
PanelBar
Asked by
Ram
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Ram
Top achievements
Rank 1
Share this question
or