view raw
fatman fatman - 1 year ago 45
HTML Question

Firefox: remove line around table cell

I have a simple table which allows the user some interactions using the ctrl key.

Everything works fine but on FF, when the the user holds the ctrl and clicks a cell (

) a blue line is added:

enter image description here

I tried removing it using
outline: 0;
but with no success.


table {
border-top: 1px solid #cfcfcf;
th {
min-width: 150px;
cursor: pointer;
td {
border: 1px solid #cfcfcf;
vertical-align: middle;
outline: 0;


Please try this:

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

If the above doesn't workt then try this:

$('table').on('mousedown', function(e) { if (e.ctrlKey) { e.preventDefault(); } });