我正在制作的一个应用程序具有使用 HTML5 画布作为支持的选项卡(它们像 chrome 选项卡一样被舍入,这不能通过边框半径或传统 HTML 来完成)。但是,当有人双击选项卡周围的东西时,它会突出显示整个画布区域。
// i've tried:
canvas { outline: none; }
// and
canvas { -moz-user-select: none /* etc */ }
// to no avail.
我可以在网上找到的唯一解决方案是使用 JS 和事件绑定每个该死的画布,例如:
canvas.onselectstart = function () { return false; }
然后我们必须进入解除绑定事件等,我的应用程序中都有这些选项卡。
有没有一枪解决方案,所以我不必进入这个?
更新
为了幽默 CBroe:
和问题:
解决了
pbebbl 通过在画布的父元素上调用 user-select: none 来解决它。