Disable double click selection

Question

In some cases, I make the <li> or <span class="icon"> elements clickable, but if the use clicks twice, it kinda messes around and show the blue selection a little everywhere :/

The solution I came with are:

1- wrap the element within a <a href="javascript:;">

2- use the css property: user-select: none;

I'd like to ask you if there is a better solution than the above.

Thanks a lot

Answer 1

Try with user-select: none;. It should help (include within your <li> itself).

If you are using node, then there are few inbuilt options.