jQueryUi에서 '배경색'을 선택할 수없는 이유는 무엇입니까?

Question

나는 내 라이브러리를 만들려고 노력했고 jQueryUI에서 사용할 때 "배경색"CSS 속성이 작동하지 않는다는 것을 알았습니다. 다른 한편으로는 간단하게 "배경"속성을 색상 값과 함께 사용하면됩니다.
나는 jsfiddle에 예를합니다
- Working example
- Not working example
것은 그러나 단순히 수업을하고 잘 작동하는 HTML 마크 업 div 요소에 적용됩니다.
코드 : 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> 

자바 스크립트.

$(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

안녕하세요 베드로가에 ID를 넣어보십시오 두 경우도 동일 CSS의 앞면, 그것은 작동합니다.

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