css - 带有 HTML "draggable"的圆 Angular

Question

我正在使用“可拖动”属性，但发现并非所有浏览器在拖动元素时都以相同的方式呈现该元素。具体来说，背景色有时取自父元素(例如 Chromium 33)，有时使用白色(例如 Firefox 28)。

<div style="background-color: #79a; padding: 4px;">
  <div style="border-radius: 12px; padding: 12px; background-color: #ead;" draggable='true' ondragstart="event.dataTransfer.setData('text/plain', 'This text may be dragged')">
    <p>Some content here that should have clean rounded corners while being dragged</p>
  </div>
</div>

见上文 http://jsfiddle.net/pZv35/3/ .

有什么方法(最好是使用 CSS)来缓解这个问题吗？

Answer 1

更新修复。疼痛在...

希望这会对某人有所帮助。解决方案来自react-dnd github。

将 transform: translate(0, 0); 添加到您希望作为预览拖动的节点。

CSS in JS: transform: 'translate(0, 0)'

来自 here 的解决方案.