上网搜查了很多方法，每一个都试了一遍之后发现没有起作用，原因可能是由于textarea的高度是一个不可控的情况，有了滚动条或边框后会引起浏览器计算错误（主要在chrome），通过修改样式后解决了。
.el-textarea {
border-radius: 4px;
border: 1px solid #DCDFE6;
overflow: hidden;
}
.el-textarea__inner {
min-height: 110px;
border-radius: 0;
border: none;
}
将原本textarea上面的边框样式改到了它的父级，这样既有原来的样式效果，也可以避免textarea中间文字显示模糊的问题。
起因：Element textarea属性autosize未达到预期效果 使用Element textarea时，...
[事发环境]: vue 项目引用 element => 给 textarea 组件绑定 @pressEnter 事...
1、给element的input添加点击事件无效，代码如下：
在iphonex中将textarea disable后，字体颜色很浅模糊。结局：
解决方法：(不要在textarea和input外面套scroll-view、swiper、movable-view...
项目中要用到textarea这种输入框，用的是element-ui，然而 element-ui tabs标签页 2.12.0版本 解决方法。 1：element-ul降版本如降到2.72：...
2019-10-14
1.前端问题：多文本域设置textarea 在textarea中输入文字不是从头开始的，它在中间，而且用来显示数...
问题： ios上 textarea中的文字不能左对齐（有一点空隙）当有title时对比比较明显 以textarea...
效果 核心代码
本文标题：Element textarea 文字模糊 解决方法
本文链接：https://www.haomeiwen.com/subject/drwiydtx.html
网友评论