拖動元素時丟失的樣式

我在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。感謝您的幫助。 –

回答