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

Panelbar

2 Answers 16 Views
This is a migrated thread and some comments may be shown as answers.
100%
Top achievements
Rank 1
100% asked on 05 Mar 2014, 07:12 PM
In the demo at

http://demos.telerik.com/kendo-ui/web/panelbar/index.html

the headers "My teammates", "Projects" etc are getting a border/shadow/something of darker blue when they are clicked on as some feedback of which header the user clicked on the last time.

In my project, I am trying to remove that style.
I have styled the headers green and the shadow border thing is red. That red color is not my choice, but the default one.

It really becomes a really ugly border. Not nice looking as in the example.

When I try to find the css rule that adds the border, it will dissapear, even if I do not interact with the document.
I only change node in firebug or in the development console of chrome, the border goes away.

How do I get rid of it?

2 Answers, 1 is accepted

Sort by
0
Accepted
100%
Top achievements
Rank 1
answered on 06 Mar 2014, 10:16 AM
Found it:

.k-state-focused.k-state-selected
{
  -webkit-box-shadow: none;
  box-shadow: none;
}
0
100%
Top achievements
Rank 1
answered on 06 Mar 2014, 10:17 AM
Can't mark my own answer as a reply
Asked by
100%
Top achievements
Rank 1
Answers by
100%
Top achievements
Rank 1
Share this question
or