IE10中textarea中在无内容和有内容时光标的所处高度不同是为什么?怎么解决?

何翔
  • 1
新手上路,请多包涵

有如下css样式

textarea {
  height: 124px;
  resize: none;
  line-height:24px;
  font-size:12px;
  padding:0xp 8px;
}

html页面如下

<textarea maxlength="200" placeholder="请输入内容"></textarea>

在ie10下,当没有输入任何内容时
image.png
当输入了内容后,可以看到光标的高度下沉了一些。
image.png

在chrome下光标的位置在输入内容或者空的时候都不会出现样式不一致的情况都如下所示
image.png
所以想问这个问题在ie下怎么解决?

回复
阅读 634
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏