Css Цвет Jquery UI

Question

Я пытаюсь изменить цвет некоторых JQuery UI Сортируемый с помощью CSS: Проверьте эту скрипку:

http://jsfiddle.net/fwcLd8mg/2/

Когда я установил .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; 
} 

Answer 1

Чтобы изменить цвет фона коробки (.Default) в каждом списке вы должны сделать это как этот

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

примера здесь http://jsfiddle.net/fwcLd8mg/6/

Answer 2

Вам необходимо применить цвета к элементам LI. Так как вы добавили default класс к ним, вы можете использовать это:

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

Updated fiddle