如何在textarea中重新定位调整大小指示符

时间:2014-02-05 20:08:30

标签: html css user-controls textarea

我想让textarea浮动到右边,但是这会显示右侧默认为textareas的resize:both;样式,而调整大小本身会将textarea扩展到左侧。

我正在使用的HTML只是:

<textarea style="float:right;"></textarea>

但是viewing this demo看清楚我的意思要清楚得多。如您所见,调整textarea的大小将要求您向右拖动,而它将向左展开。我有办法将textarea角落里的小指示器重新定位到左侧吗?

1 个答案:

答案 0 :(得分:1)

据我所知,这不是浏览器此时公开的功能。这是HTML的一个相对较新的功能,我认为它还没有任何语义或程序挂钩到那个UI的textareas。

您最好的选择是,此时将使用拖放式JS和伪控制来伪造它,并隐藏原生调整大小。

实际上,我(有点)纠正了。根据本文中的评论(http://davidwalsh.name/textarea-resize),您可以使用调整大小小部件,但仅在评论时使用Safari:

  

格雷格2013年3月11日

     

在webkit中,您可以使用滚动条样式。   我用过&gt;      :: - WebKit的大小调整{背景色:透明;}      :: - WebKit的滚动角{背景色:RGBA(0,0,0,0.2);}

     

在我的某个网站的textareas上设置缩放器样式。

(更容易在那里的评论部分阅读。)