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

Question

我试图让我的库工作，但我发现“背景颜色”CSS 属性在被 jQueryUI 使用时不起作用。另一方面，如果我简单地使用带有颜色值的“背景”属性。
我在 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; }