【8.0】EL-输入框多行文本类型存在显示问题
EL-输入框多行文本类型
下边框无法正常显示
如图:
示例工程:
感谢您的反馈~您好,这边直接运行您的demo,文本框的下边框是可以正常显示的哈。您有做什么其他的操作嘛,还是输入一些其他的字符后下边框就消失了呢:loveliness:
Lay.Li 发表于 2022-5-16 14:28
感谢您的反馈~您好,这边直接运行您的demo,文本框的下边框是可以正常显示的哈。您有做什么其他的操作嘛, ...
我又试了一下,这个问题存在于火狐浏览器
chrome系浏览器显示正常。 感谢您的反馈~如果是火狐浏览器那就没法了哈,建议大佬使用咱们官方支持的浏览器哈。:i0tw2:
本帖最后由 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;
}
renho 发表于 2022-5-16 22:17
修改.el-textarea__inner 的box-shadow属性 增加阴影高度尺寸即可解决该兼容性问题
:hjyzw::hjyzw:
厉害呀,大佬,目前来说火狐不是官方支持的浏览器,
如果要吃支持的,还有很多地方需要考虑,
这个需要我们后面再规划一下
页:
[1]