在 Shopify Draggable 中丢失拖动事件的蓝色突出显示

Question

使用 VueJS 实现 Shopify 的 Draggable 库。从 drag:start 到 drag:stop 我在可拖动容器上得到一个蓝色高亮显示。

我已经尝试了通过 CSS 删除它的所有方法，但似乎无法找到正确的组合来消除这种丑陋的效果。

Answer 1

您可以将 css class 添加到容器并删除 outline :

.draggableContainer {
    outline: none;
}

我也必须对可拖动元素进行处理，而不仅仅是对容器进行处理。