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

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

如图：

示例工程：

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

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

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

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

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

1. /* 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 */
   
2. 
   
3. .el-textarea__inner {
   
4.   /* box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset; */
   
5.   box-shadow: 0 0 0 2px var(--el-input-border-color,var(--el-border-color)) inset;
   
6. }
   
7. .el-textarea__inner:hover {
   
8.   /* box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset; */
   
9.   box-shadow: 0 0 0 2px var(--el-input-hover-border-color) inset;
   
10. }
    
11. 
    

复制代码

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

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