CSS顏色jQuery UI的

我試圖改變一些jQuery用戶界面的顏色排序使用CSS：檢查此琴：CSS顏色jQuery UI的

當我設置了.DEFAULT後臺所有的箱子打開到顏色。但是，當我在每個列表中指定背景時，列表的背景會發生變化，而不是框。

如何指定箱子的顏色？

CSS：

#sortable-5 { 
background: #ff0000; 
} 
#sortable-6 { 
background: #00b8ff; 
} 
#sortable-7{ 
background: #000000; 
} 
#sortable-5, #sortable-6,#sortable-7 { 
list-style-type: none; margin: 0; padding: 0; 
width: 20%;float:left 
} 
#sortable-5 li, #sortable-6 li,#sortable-7 li { 
margin: 0 3px 3px 3px; padding: 0.4em; 
padding-left: 1.5em; font-size: 17px; height: 50px; 
} 
.default { 
background: #b2f5fb; 
border: 1px solid #DDDDDD; 
color: #333333; 
}

來源

2014-10-31 ZtoneZtreet

你的意思是像[這]（http://jsfiddle.net/fwcLd8mg/3/）？ – chriz 2014-10-31 11:33:06

@chriz是的謝謝！我有三個實例！ – ZtoneZtreet 2014-10-31 11:39:16

不錯！確保你接受其他答案之一，如果這對你有效。 – chriz 2014-10-31 11:41:06

要更改每個列表框（.DEFAULT）的背景顏色，你需要使它像這樣

#sortable-5 .default{ 
    background: #ff0000; 
}

例這裏http://jsfiddle.net/fwcLd8mg/6/

來源

2014-10-31 11:34:15

是的謝謝你！我有三個實例！ – ZtoneZtreet 2014-10-31 11:40:13

您需要將顏色應用於LI元素。既然你已經添加了一個default類給他們，你可以使用：

#sortable-5>.default { 
    background: #ff0000; 
} 
#sortable-6>.default { 
    background: #00b8ff; 
} 
#sortable-7>.default{ 
    background: #000000; 
}

Updated fiddle

來源

2014-10-31 11:34:34

是的謝謝！我有三個實例！ – ZtoneZtreet 2014-10-31 11:39:57

CSS顏色jQuery UI的

回答

相關問題