在jQuery或CSS中請求幫助。

Question

當我刪除一個元素時，背景顏色，字體顏色和邊框都將丟失。 如何保持這些屬性完好無損？這裏是的jsfiddle項目：

http://jsfiddle.net/n2learning/tV4n7/48/

謝謝！

Answer 1

只需要對CSS進行小改動。我已經移除此規則的#routinefilter所以它適用於所有.droptrue元素，不管它們的父元素是什麼：

.droptrue{ 
    background: lightgray; 
    color: navy; 
    margin:10px; 
    padding:5px; 
    border:2px solid #666; 
} 

這裏的working example。

Answer 2

您的CSS選擇器特定於原點，但不是滴點。添加#dropTargetframe .droptrue到您的選擇，給：

#routinefilter .droptrue, 
#dropTargetframe .droptrue { 
    background: lightgray; 
    color: navy; 
    margin:10px; 
    padding:5px; 
    border:2px solid #666; 
} 

Updated JS Fiddle。

或者你可以簡單地從選擇刪除祖先id，給簡單：

.droptrue { 
    background: lightgray; 
    color: navy; 
    margin:10px; 
    padding:5px; 
    border:2px solid #666; 
} 

Updated JS Fiddle demo。

Answer 3

你的CSS規則：

#routinefilter .droptrue{ 

只適用於一類droptrue元素，而他們在容器routinefilter。一旦你把它們放入盒子裏，它們就不在routinefilter之內，並且該規則不適用。嘗試改變，只是：

.droptrue{ 

Answer 4

這應該做的伎倆。

#routinefilter .droptrue, #dropTargetframe .droptrue{ 
    background: lightgray; 
    color: navy; 
    margin:10px; 
    padding:5px; 
    border:2px solid #666; 
} 

當盒子裏面的.droptrue元素將保持相同的CSS樣式！

編輯： 你也可以把它改成只.droptrue，如果你想那些箱子無論他們使用這種風格。

Answer 5

變化

#routinefilter .droptrue 

到

.droptrue 

編輯：哎呀，太晚了:)

Answer 6

加入CSS

.droptrue 
{ 
    font: 16px serif 
    background: none repeat scroll 0 0 lightgray; 
    border: 2px solid #666666; 
    color: navy; 
    margin: 10px; 
    padding: 5px; 
}