Question

The background color, font color and border are being lost when I drop an element.
How do I keep these properties intact? Here is the project in jsFiddle:

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

Thanks!

Answer 1

Just needed a minor change to your CSS. I’ve removed the #routinefilter from this rule so it applies to all .droptrue elements, no matter what their parent element is:

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

Here’s the working example.