美文网首页
textarea焦点获取问题

textarea焦点获取问题

作者: 张亚群 | 来源:发表于2018-10-18 12:44 被阅读56次

发现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设置为同一个值,这样就不能拖动了,但是右下角的小图标依旧还在,因此最好还是使用第一种方式

相关文章

网友评论

      本文标题:textarea焦点获取问题

      本文链接:https://www.haomeiwen.com/subject/tlijzftx.html