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规则：

#routinefilter .droptrue{

仅适用于具有类droptrue的元素，它们位于容器routinefilter中。将它们放入框中后，它们将不再位于routinefilter内，并且该规则不适用。尝试将其更改为：

.droptrue{

Answer 3

您的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 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;
}

在jQuery或CSS中请求帮助。

6 个答案: