如何更改JQuery UI对话框的可调整大小句柄的背景色？

你会认为这很容易，但继续读下去。我可以更改与可调整大小的JQuery对话框关联的许多样式，但不能更改句柄。下面的代码隔离了问题。为什么把手会完全消失？在ui.resizeable.js中一定有我干扰的逻辑，但我看不到

<script type="text/javascript" language="JavaScript" src="jquery126.js"></script>
<script type="text/javascript" language="JavaScript" src="ui/ui.core.js"></script>
<script type="text/javascript" language="JavaScript" src="ui/ui.dialog.js"></script>
<script type="text/javascript" language="JavaScript" src="ui/ui.resizable.js"></script>
<script type="text/javascript" language="JavaScript" src="ui/ui.draggable.js"></script>

<script>
  $(document).ready(foo);
  function foo() {
    $("#dlg").dialog()
  }
</script>

<style type="text/css">
  .ui-resizable-n {
    background: green;
  }
</style>
<div id=dlg title="my title">this is<br>my text</div>

$（文件）.ready（foo）；
函数foo（）{
$（“#dlg”）.dialog（）
}
.ui-可调整大小-n{
背景：绿色；
}
这是我的课文

我认为可调整大小的边框的背景设置为图像，在CSS堆叠中，图像位于背景之上。尝试设置：

.ui-resizable-n{
  background-image:none;
  background-color:green;
}

---

我能让它工作。我找不到我的css与之冲突的代码行，但当我添加与定位和大小相关的css时，一切都正常了。必须有一些逻辑说明，“除非程序员提供了自己的css，否则使用默认css”。所以，当我以为我在附加信息时，我不知怎么地交换了信息