Question

我正在使用YUI libray中的拖动和调整大小组件来进行我的Web项目并将其集成，并且拖动和调整大小都正常工作。但我想隐藏调整内容大小时显示的句柄。我已经经历了几个例子，但无法得到解决方案。这是我的代码

Y.use('resize', function(Y) {       
    var resizeNode = new Y.Resize({                                   
        node : '#myNode',    
        hiddenHandles: true     
    });
)};

我已经尝试了hover: true并且工作正常。但我想永远隐藏手柄。这里究竟出了什么问题？

Answer 1

通过覆盖调整大小句柄的YUI默认CSS类来实现此目的的一种方法：

.yui3-resize-handle-inner-r, .yui3-resize-handle-inner-l, .yui3-resize-handle-inner-t, .yui3-resize-handle-inner-b, .yui3-resize-handle-inner-tr, .yui3-resize-handle-inner-br, .yui3-resize-handle-inner-tl, .yui3-resize-handle-inner-bl {display:none;}

更新

看起来IE7不符合上述代码。我可以通过添加以下内容来隐藏IE7中的调整大小句柄：

.yui3-resize-handle {display:none;}

如果您对IE7使用条件注释，您可以执行以下操作：

.ie7 .yui3-resize-handle {display:none;}

隐藏YUI库中的调整大小句柄不起作用

1 个答案: