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

Question

您可能认为这很容易，但请继续阅读。我可以更改许多与可调整大小的 JQuery 对话框关联的样式，但不能更改句柄。下面的代码隔离了问题。为什么 handle 完全消失了？在 ui.resizable.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>

Answer 1

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