Почему jQueryUi выбираемый цвет фона не работает?

Question

Я попытался сделать работу своей библиотекой, и я обнаружил, что свойство CSS «background-color» не работает, когда оно используется jQueryUI. С другой стороны, если я просто использую свойство «background» с значением цвета.
Я делаю примеры на jsfiddle:
- Working example
- Not working example
Однако, я просто сделать класс и применить к сНу элемента в HTML разметке он работает хорошо.
Код: HTML-разметка. То же самое в обоих случаях:

<div id="selectable"> 
    <div class="ui-widget-content">1</div> 
    <div class="ui-widget-content">2</div> 
    <div class="ui-widget-content">3</div> 
</div> 

Javascript. Также же в обоих случаях:

$(document).ready(function(){ 
    $("#selectable").selectable(); 
}); 

CSS рабочий сценарий:

.ui-selected 
    { 
    background: rgb(255,0,0); 
    border: 1px solid yellow; 
    width: 100px; 
    height: 30px; 
    } 

CSS нерабочего сценария:

.ui-selected 
    { 
    background-color: rgb(255,0,0); 
    border: 1px solid yellow; 
    width: 100px; 
    height: 30px; 
    } 

Answer 1

LIVE DEMO

привет Питер, попытайтесь поместить идентификатор в фронт css, то он работает.

#selectable .ui-selected { background: rgb(255,0,0); color: white; }