如何在jQuery可調整大小的插件中更改鼠標光標？

當您使用jQuery可調整大小的插件時，鼠標光標樣式可以是「電子調整大小」（2個箭頭方向相反）。但是，我們如何改變它？我試過這個：如何在jQuery可調整大小的插件中更改鼠標光標？

$("#right-line").hover(function() { 
    $(this).css("cursor", "crosshair"); 
});

但是，它不起作用，那就是光標仍然是「電子調整大小」。

預先感謝您。

來源

2012-05-25 tesicg

內聯CSS可能被jquery樣式表覆蓋。如果你正在本地加載它，那麼你可以編輯jquery.ui.resizable.css或者如果你使用更多的UI部件，然後主要jquery-ui.css和編輯cursor屬性。

要編輯的元素是.ui-resizable-se這是jquery-ui.css

來源

2012-05-25 08:56:30 Jivings

我已經想通了，我能更改原始的.css文件，但有可能以另一種方式做到這一點？ – tesicg

問題是我已經在主矩形周圍創建了自己的外部黑色div。外部黑色div像邊框一樣，在左上角，右上角，左下角，右下角以及上中心，下中心，左中心和右中心位置有8個小方格，其中I想用作我自己的手柄。這意味着我不希望允許沿着容器的整個邊界「電子調整大小」光標，而只能在我自己的方格上。 – tesicg

線202要覆蓋Jquery的可調整大小的光標，你可以這樣做：

$(selector).resizable({ 
     handles: "e", 
     create: function(event, ui) { 
      // Prefers an another cursor with two arrows 
      $(".ui-resizable-e").css("cursor","ew-resize"); 
     } 
    });

來源

2015-10-01 15:13:07

如何在jQuery可調整大小的插件中更改鼠標光標？

回答

相關問題