Remove blue border appearing around element when clicked

Question

I'm using Firefox on Mac OS. When I CMND+CLICK the text in the table a blue border appears around the TD. Am I able to tell CSS to not show this border on click/focus?

<table>
  <tr>
    <td>Hello World!</td>
  </tr>
</table>

Answer 1

You're likely encountering the outline. Try this:

td { outline: none; }  /* value "0" also works */

https://developer.mozilla.org/en-US/docs/Web/CSS/outline

Answer 2

In your CSS put

table {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}