在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; 
}