html - 如何在文本区域中重新定位调整大小指示器

标签 html css user-controls textarea

我想让一个文本区域向右浮动,但这会显示 resize:both; 样式,这是右侧文本区域的默认样式,而调整大小本身会扩展文本区域向左。

我使用的 HTML 很简单:

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

但看清我所说的 viewing this demo 是什么意思就清楚多了.如您所见,调整文本区域的大小需要您向右拖动,而它会向左扩展。有没有办法将文本区域 Angular 落的小指示器重新定位到左侧?

最佳答案

据我所知,这不是浏览器目前公开的功能。事实上,它是 HTML 的一项相对较新的功能,而且我认为该 UI 文本区域还没有任何语义或编程 Hook 。

此时最好的选择是使用拖放 JS 和伪控件来伪造它,并隐藏 native 调整大小。

实际上,我(在某种程度上)是正确的。根据本文 ( http://davidwalsh.name/textarea-resize ) 中的评论,您可以使用调整大小小部件,但只能在评论时在 Safari 中使用:

Greg March 11, 2013

In webkit you can play around with the scrollbar styling. I used > ::-webkit-resizer{background-color:transparent;} ::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0.2);}

to style the resizer on the textareas in one of my sites.

(在此处的评论部分更容易阅读。)

关于html - 如何在文本区域中重新定位调整大小指示器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21587397/

相关文章:

c++ - 简单的OpenGL GUI框架用户交互建议?

javascript - jquery获取 anchor 标签的data-id

javascript - JQuery、CSS 和悬停标签重新编码

ASP.NET 用户控件 - 以编程方式添加多个实例时出现问题?

css - Susy 网格中部分的全尺寸背景

html - 如果我要在 web 应用程序中使用更多的 SVG 图标,我不能直接为每个图标使用下面提到的代码

android - 使用 cursorAdapter 获取按钮在 ListView 中单击的项目位置

javascript - 存储 HTML 元素时的内存效率

javascript - 使用 jQuery 隐藏父 div

jquery - 如何在 html 页面中将 jquery 添加为 dynamics crm 2011 中的 Web 资源