Javascript 带背景色的jQuery UI放置占位符

我有几个列是

标记，每个列都有自己的背景色，每个列都可以通过jqueryui进行排序。我的问题是，我想用背景色、自定义边框尺寸等制作放置占位符。但无论我设置哪种颜色，占位符的背景色都将与我要放置它的列的背景色相同。 这是我制作的简单示例：

<div class="wrap">
            <ul class="prvi">
                <li class="naslov">Naslov1</li>
                <li>Neki predmet</li>
                <li>Neki predmet</li>
            </ul>
            <ul class="drugi">
                <li class="naslov">Naslov2</li>
                <li>Neki predmet</li>
                <li>Neki predmet</li>
            </ul>
            <ul class="treci">
                <li class="naslov">Naslov3</li>
                <li>Neki predmet</li>
                <li>Neki predmet</li>
            </ul>
            <ul class="cetvrti">
                <li class="naslov">Naslov4</li>
                <li>Neki predmet</li>
                <li>Neki predmet</li>
            </ul>
    </div>

和css

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

---

好的，我解决了你的问题。你应该使用！在占位符的背景色中很重要。这是您的JSFIDLE：

在CSS中，请执行以下操作：

.border{
border: 2px solid black;
background-color: lightgray !important /* when you add this problem solved */;
box-shadow: 0 0 5px black;
color: white;

}

---

现在，您可以设置所需的任何背景色，它将应用它。

没问题，很乐意提供帮助。

.border{
border: 2px solid black;
background-color: lightgray !important /* when you add this problem solved */;
box-shadow: 0 0 5px black;
color: white;