html - Firefox:删除表格单元格周围的线

Question

我有一个简单的表格，允许用户使用 ctrl 键进行一些交互。

一切正常，但在 FF 上，当用户按住 ctrl 键并单击单元格 (<td>) 时，会添加一条蓝线:

我尝试使用 outline: 0; 删除它但没有成功。

scss:

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

Answer 1

请试试这个:

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

如果上面的方法不起作用，那么试试这个:

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