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

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

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

我要删除背景色，设置不透明度并设置边框的轮廓。

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

即使仅当使用！important时，也只有z-index和border属性似乎生效。

最佳答案

看起来非常可行，并且不需要修改源代码。定位.ui-resizable-helper选择器：

jsFiddle example

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

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

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

关于javascript - 是否可以设置jQuery UI Resizable Ghost的样式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19667433/