【8.0】EL-输入框多行文本类型存在显示问题

登录

EL-输入框多行文本类型
下边框无法正常显示

如图：

示例工程：

Lay.Li · Lay.Li

感谢您的反馈~您好，这边直接运行您的demo，文本框的下边框是可以正常显示的哈。您有做什么其他的操作嘛，还是输入一些其他的字符后下边框就消失了呢

renho · renho

Lay.Li 发表于 2022-5-16 14:28
感谢您的反馈~您好，这边直接运行您的demo，文本框的下边框是可以正常显示的哈。您有做什么其他的操作嘛， ...

我又试了一下，这个问题存在于火狐浏览器
chrome系浏览器显示正常。

Lay.Li · Lay.Li

感谢您的反馈~如果是火狐浏览器那就没法了哈，建议大佬使用咱们官方支持的浏览器哈。

renho · renho

本帖最后由 renho 于 2022-5-16 22:53 编辑

修改.el-textarea__inner 的box-shadow属性增加阴影高度尺寸即可解决该兼容性问题

/* element-plus@2.1.5.css | http://localhost:61580/Plugins/PC%E7%BB%84%E4%BB%B6%E5%8C%85-ElementPlus-8_0_0_0/Resources/element-plus@2.1.5.css?v=637843336860000000 */
.el-textarea__inner {
/* box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset; */
box-shadow: 0 0 0 2px var(--el-input-border-color,var(--el-border-color)) inset;
}
.el-textarea__inner:hover {
/* box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset; */
box-shadow: 0 0 0 2px var(--el-input-hover-border-color) inset;
}

复制代码

Joe.xu · Joe.xu

renho 发表于 2022-5-16 22:17
修改.el-textarea__inner 的box-shadow属性增加阴影高度尺寸即可解决该兼容性问题

厉害呀，大佬，目前来说火狐不是官方支持的浏览器，
如果要吃支持的，还有很多地方需要考虑，
这个需要我们后面再规划一下

		自动登录	找回密码
密码			立即注册

[已处理] 【8.0】EL-输入框多行文本类型存在显示问题