jQuery UI可调整大小-如何加厚句柄

是否可以将手柄加厚以便于抓取

例如，在下面的链接中，您会注意到我只在底部的div上有一个手柄，使用鼠标很难抓住它，因为它似乎有1px高。有没有可能使手柄的高度达到10px，这样看起来和感觉上都像是被抓取的图像

见：

+

rgba

为清晰起见：

---

+

rgba

-

溢出：隐藏
，默认值
底部：-5px
：
在三十点展开：如果在同一页面上有多个可调整大小的项，则可能需要指定要使用子选择器操作的元素
#可调整大小>.ui-resizable-s
：

<style>
  #resizable > .ui-resizable-s {
    background: black;
    bottom: 0;
    height: 10px;
  }
</style>
<div id="resizable"></div>
<script>$('#resizable').resizable()</script>

但是，如果要对
textarea
执行此操作，则必须使用同级选择器：

#resizable + .ui-resizable-s

因为在这种情况下，jQuery UI智能地看到它是一个
textarea
，并将其放入包装器
div
：

<div>
  <textarea id="resizable"></textarea> 
  <div class="ui-resizable-handle ui-resizable-s"></div>    
</div>



得出这些结论的最佳方法是运行浏览器的DOM检查器（Firefox和Chrome上的Ctrl+Shirt+I），查看jQuery UI对HTML的作用。
和所有4个句柄都有
.UI可调整大小的句柄类。谢谢！我只想补充一点，在溢出隐藏的情况下，“暴露”高度将是JSFIDLE不工作的一半（本例中为5px），因为jquery-ui.css的url错误。在这里修复了@stomtech:谢谢你让我知道。我也在我的回答中更新了它们。
#resizable + .ui-resizable-s

<div>
  <textarea id="resizable"></textarea> 
  <div class="ui-resizable-handle ui-resizable-s"></div>    
</div>