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

Question

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

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