Cannot remove Link rectangle dash

Vaadin 6 / 7 / 8 Framework UI
1

hi , i ve tried to remove rectangle dashes when focusing on some Links.

I’ve tried to use on my css these but failed :

a, a:hover, a:focus { outline: 0 none; }

Here is what it looks like when i click on links on tree addon:
http://imageshack.us/photo/my-images/33/uglyv.png/

Someone know how to disable these rectangles dashes?

2

Have you tried to style the :active pseudo class ?

3

As you said , i’ve converted to :

a, a:active ,a:hover, a:focus { outline: 0 none; }

But still no luck…

Any other solution ?
Maybe i need to edit css of self Tree directly…
I am using TreeTable Addon.

Here is sample:
http://demo.vaadin.com/treetable/WorkLog

4

I don’t think this global css rule will work since Vaadin will replace it with more specific CSS rule. Please refer to
this documentation
 regarding cascading CSS rules.

I tried to observe the default CSS generated by Vaadin. I suppose that you need to inspect the styles defined in “.v-table-cell-wrapper” div and its child component.