Question

如何删除可调整大小元素的默认southeast (se)句柄图片并添加我自己的图片？

Answer 1

我总是在我的.css文件中执行此操作

.ui-dialog .ui-resizable-se {
    background-image: url("");
}

并且它一直有效：）

Answer 2

您有两种选择：

您可以覆盖最底部提到的ui-resizable-handle或ui-resizable-se。
您可以更改图片文件“ui-icons_222222_256x240.png”，其中一个示例是托管on the jQuery site。

Answer 3

您还可以在resizable（）中指定所需的句柄，例如仅用于“e”句柄

$("#id").resizable({
    handles: "e"
});

http://api.jqueryui.com/resizable/#option-handles

Answer 4

在类ui-resizable的div中，您需要使用类ui-icon-gripsmall-diagonal-se替换div的背景图像

您可以执行以下操作：

$(".ui-icon-gripsmall-diagonal-se").css("background-image", "url(someImage.png)")

Answer 5

这篇文章中的说明对我有用：

http://forum.jquery.com/topic/how-to-make-the-se-grip-handle-larger-for-a-jquery-ui-resizeable

使用此css：

.ui-widget-content .ui-icon.ui-icon-gripsmall-diagonal-se {
      width: 32px;
      height: 32px;
      background: url(<insert your image url here>) left top no-repeat;
}

Answer 6

我希望这对你有用：

.ui-resizable-handle { 
    z-index: auto !important;
    background-image: url('');
 }

如果您需要完全删除手柄图标，只需将背景图像设置为无。

.ui-resizable-handle { 
    background-image: none;
 }

Answer 7

$('.ui-icon-gripsmall-diagonal-se').css("background-image", "url('')");

Answer 8

我删除了调整大小句柄永久改变css，如下所示：

<style>
   .ui-icon, .ui-widget-content .ui-icon
   {
      background-image : none;
   }
</style>

它对我有用。

从jquery UI可调整大小的元素中删除句柄图像

8 个答案: