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

如何删除可调整大小元素的默认

东南（se）

句柄图像，并添加我自己的图像？

在具有类

ui可调整大小

的div内部，您需要将div的背景图像替换为类

ui图标小对角线se

您可以执行以下操作：

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

您有两个选择：

您可以覆盖底部提到的

ui可调整大小句柄

或

ui可调整大小se

您可以更改图像文件“ui-icons_2222_256x240.png”，这是一个托管的示例

---

我总是在.css文件中这样做

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

---

而且它一直有效：）

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

使用此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;
}

.ui小部件内容.ui-icon.ui-icon-gripsmall-diagonal-se{
宽度：32px；
高度：32px；
背景：url（）左上角不重复；
}

我永久性地移除了调整大小手柄，改变了css，如下所示：

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

.ui图标、.ui小部件内容.ui图标
{
背景图像：无；
}

---

它适合我。

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

---

您也可以通过“创建”选项解决此问题：

$('#element').resizable({
   create: function(event, ui) {
     $('.ui-icon-gripsmall-diagonal-se').remove();
   }
})

---

我希望这对你有用：

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

如果你需要完全移除手柄图标，只需将背景图像设置为“无”

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

---

只需重写这些类。这些是默认情况下应用的类：

ui可调整大小的句柄ui可调整大小的se ui图标ui图标gripsmall diagonal se

对于我来说，在v1.11.4版中是：

.ui图标{背景图像：url（“”）！重要；}

问题是如何更改特定图标，在您的情况下，您隐藏了所有ui.icon。这很有魅力！

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

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