Fancytree remove blue border when selected

Question

Using fancytree, how can I prevent the boundary around the fancytree div from becoming blue when it's active?

To replicate, go to the link below, click inside the fancytree control (click any node) and the light gray dotted border gets a blue highlight. No good!

http://wwwendt.de/tech/fancytree/demo/sample-configurator.html https://github.com/mar10/fancytree

enter image description here

score 9 · Accepted Answer · answered Sep 24 '14 at 19:25

9

Add the style: outline:none !important; to either .fancytree-container and it won't get the outline around the fancytree

answered Sep 24 '14 at 19:25

Alvaro Montoro

28,081
7
57
86

1

Thanks, @Alvaro Montoro, though I was confused when you said to add that no-outline element to either `.fancytree-container`, since I found four in the style-sheet. But I picked the first one (`ul.fancytree-container`), since it seemed most generic and that did the trick... – Sheldon R. Feb 25 '15 at 17:44

score 3 · Answer 2 · answered May 01 '18 at 11:17

3

Little update on this, depending on your version / theme you may also need to disable outline: on .fancytree-treefocus class too, i.e.

.fancytree-container {
    border: none !important;
}
.fancytree-treefocus {
    outline: none;
}

answered May 01 '18 at 11:17

HeavenCore

7,533
6
47
62

Fancytree remove blue border when selected

2 Answers2