title: jQuery UI Drop placeholder with background color
body: <p>I have several columns which are <code>&lt;ul&gt;</code> tags, every column has it's own background color and every column is sortable by jQuery UI. My problem is, I want to make drop placeholder with background color, custom border dimensions etc. But whichever color I set, background color of placeholder will be the same as background color of column where I want to drop it.
  This is simple example of what I made:</p>
  
  <pre><code>&lt;div class="wrap"&gt;
              &lt;ul class="prvi"&gt;
                  &lt;li class="naslov"&gt;Naslov1&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="drugi"&gt;
                  &lt;li class="naslov"&gt;Naslov2&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="treci"&gt;
                  &lt;li class="naslov"&gt;Naslov3&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="cetvrti"&gt;
                  &lt;li class="naslov"&gt;Naslov4&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
                  &lt;li&gt;Neki predmet&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>jquery file</p>
  
  <pre><code>$(document).ready(function(){
      $("ul").sortable({containment : 'document', tolerance: 'pointer', cursor: 'pointer', 
      revert: 'true', opacity : 0.6, connectWith : "ul", placeholder: 'border', 
      items : 'li:not(.naslov)'}).disableSelection();
  });
  </code></pre>
  
  <p>and css</p>
  
  <pre><code>...
  .border{
      border: 2px solid black;
      background-color: lightgray;
      box-shadow: 0 0 5px black;
      color: white;
  }
  
  .prvi li{
      background-color: gray;
  }
  
  .drugi li{
      background-color: red;
  }
  
  .treci li{
      background-color: yellow; 
  }
  
  .cetvrti li{
      background-color: green;
  }
  </code></pre>