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

Question

我试图让我的库工作，我发现当它被 jQueryUI 使用时，“背景颜色”CSS 属性不起作用。另一方面，如果我简单地使用带有颜色值的“背景”属性。
我在 jsfiddle 上做了示例：
-工作示例
-不工作示例
但是，我只是创建一个类并将其应用于 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

现场演示

嗨，彼得，尝试将 id 放在 css 前面，然后就可以了。

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