拖动元素时丢失的样式

我在React.js中开发一个项目，其中我使用react-sortable-hoc插件来拖动元素。我想拖动输入部分。拖动元素时丢失的样式

拖动它之前看起来不错：

如果我拖动的元素，它看起来是这样的：

输入，文本区域和所有表单元素所以风格，而我拖动它都将丢失。

你能帮我解释为什么样式丢失了，我该如何修复它？

谢谢。

我的猜测是，拖动时出现了一个新的元素被创建，它被放置在DOM中没有应用样式的地方。没有你的标记和CSS是不可能告诉的。 – Chris

我不这么认为。如果你想写你的话，圈内的“02”也会被破坏。 –

无论如何，请发布您的代码。 – Chris

拖动元素时，react-sortable-hoc插件会将此元素附加到body。如果你有你的风格级联，例如：

.parent-component .draggable-element { 
// some styles 
}

这种风格不会因为与draggable-element类的那一刻元素不为元素的孩子parent-component类应用。

2017-09-13 12:55:44

不错的回复！它解决了我的问题。谢谢:) –

它发生了，我在两天前遇到了同样的问题:) –

你能帮我多做一件事吗？正如我写的，我有一些可拖动的输入元素。如果我写一些东西输入并拖动到不同的位置，改变的输入停留在最后的位置。我为此使用DragHandle。感谢您的帮助。 –

回答