是否可以设置jQuery UI Resizable Ghost的样式？

Question

我有jQuery UI可拖动工作并且ghost设置为true，当我调整元素大小时会出现透明的鬼。

$('.container').resizable({
    ghost: true
});

我想删除背景颜色，设置不透明度并设置重影边框的样式。

.ui-resizable-ghost {
    z-index: 9999;
    border: 1px dashed blue !important;
    background-color: none !important;
}

只有z-index和border属性似乎正在生效，即使我使用！important。

Answer 1

似乎非常可行，无需修改源代码。定位.ui-resizable-helper选择器：

<强> jsFiddle example

.ui-resizable-helper {
    border: 4px dashed #faa;
    background-color: #eeeecc;
    opacity: .5;
}

要使助手/幽灵的背景透明，请添加：

.ui-resizable-ghost {
     opacity:0 !important;
}