Как изменить цвет фона дескриптора с изменяемым размером диалогового окна JQuery UI?

Question

Вы думаете, это будет легко, но продолжайте читать. Я могу изменить многие стили, связанные с изменяемым размером диалога JQuery, но не дескрипторы. Код ниже изолирует проблему. Почему ручка полностью исчезает? Должна быть какая-то логика, с которой я сталкиваюсь в 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 по умолчанию, если программист не предоставил свой собственный». Поэтому, пока я думал, что добавляю информацию, я каким-то образом обменивался информацией.

Answer 2

Я считаю, что фон границ изменяемого размера задается как изображения, которые в CSS-стеках располагаются поверх фонов. Попробуйте установить:

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