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?
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
0
Accepted
100%
Top achievements
Rank 1
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
Rank 1
answered on 06 Mar 2014, 10:17 AM
Can't mark my own answer as a reply