为什么jQueryUi可选择'背景颜色'不起作用？

Question

我试图让我的库工作，我发现当jQueryUI使用时，“background-color”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>

的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

嗨彼得，试着把id放在css前面，然后就行了。

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