javascript - jquery UI のサイズ変更可能な要素からハンドル イメージを削除する

Question

southeast (se)サイズ変更可能な要素のデフォルトのハンドル画像を削除して、独自の画像を追加するにはどうすればよいですか?

Answer 1

私は常にこれを.cssファイルで行います

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

そして、それは常に機能します:)

Answer 2

次の 2 つのオプションがあります。

1. 一番下のjQueryサイトで言及されているように、ui-resizable-handleまたはオーバーライドできます。ui-resizable-se
2. ここでホストされている例の画像ファイル「ui-icons_222222_256x240.png」は、Google によって変更できます。

Answer 3

class の div 内で、divui-resizableの背景画像を class に置き換える必要がありますui-icon-gripsmall-diagonal-se

次のようなことができます：

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

Answer 4

これがうまくいくことを願っています：

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

ハンドル アイコンを完全に削除する必要がある場合は、背景画像を none に設定します。

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

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;
}