textarea焦点获取问题

发现textarea焦点并不是在最右侧，好像鼠标点在什么地方，就显示在什么地方，非常怪异的感觉

  • 查了资料，才知道，原来将其写在一行便可解决，在html中时不换行

    <div class = "comment">
  <textarea class = "content"></textarea>
</div>

  • 这样是非常OK的，没有任何问题，但是倘若写成这样：

    <div class = "comment">
  <textarea class = "content">
  </textarea>
</div>

  • 那么将碰到上面的问题！

textarea本身是可以随意缩放的，如果你不想有这个缩放的话，有几种方式可以解决。

譬如：使用样式resize:none;
或者设置其宽度和高度设置死，min-height,min-width和max-height,max-width设置为同一个值，这样就不能拖动了，但是右下角的小图标依旧还在，因此最好还是使用第一种方式

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容